Every block element starts on a new line and uses all available widths. You can also adjust margin, padding, width, and height for every block element.

Some Block Elements

  • <div> -Document division.
  • <h1> .....<h6> - Heading levels 1-6.
  • <header> - page header
  • <form> - Input form
  • <table> - Table
  • <address> - Contact information.
  • <article> - Article content.
  • <p> - Paragraph.
  • <li> - List item
  • <ul> - Unordered list
  • <footer> - Page footer. etc.

Example
<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
	.nn{
		background-color:#330000;
		text-align: left;
		color: white; 
	}
		
	</style>
</head>
<body>
<ul class="nn">
	<li>Home</li>
	<li>About</li>
	<li>Contact</li>
</ul>
</body>
</html>
Output