our approach
|
new tutorials
|
contact us
HTML & CSS In Pictures
HTML Basics
Navigation & Layout
Interactivity
Advanced Layout
Specify page margins
In
advlayout.html
, insert a clear below the
topnav
area, then these paragraphs:
<div id="clear"></div>
<p>Welcome to Tech Tool, the magazine for people who like gadgets.</p>
<p>Every day, we cover the latest in electronic gadgetry.</p>
</body>
</html>
Below the paragraphs, insert a
footer
area:
<p>Every day, we cover the latest in electronic gadgetry.</p>
<div id="footer"> </div>
</body>
</html>
TIP:
 
is an invisible character. It can be used as a placeholder or spacer in Web pages.
In
layout.css
, add formatting for the footer area:
#footer {
background: #000099;
margin: 0;
padding: 10px;
}
<< BACK
NEXT >>