To display Header and Footer
Where is i am wrong <html> <head> <title> web layout </title> <style type="text/css" media="all"> #header{ background-color:skyblue; color:red; text-align:center; padding:5px; margin:4px; } #navigation{ line-height:30px; background-color:#48D1CC; color:black; height:350px; width:110px; float:left; padding:5px; margin:2px; text-align:center; } #section{ width:350px; float:left; padding:10px; } #footer { background-color:black; color:white; clear:both; text-align:center; padding:5px; } </style> </head> <body> <div id="header"> <h1>HEADER</h1> </div> <div id="navigation"> <h1> home</h1> <h2> about </h2> <h3> contect</h3> </div> <div id ="section"> <p> this is my web page<br> you must visit here <br>and enjoy some spical <br>video and template<br> i hope you will<br> enjoy this </p>