Selectors in action - step by step tutorial

Step 20 - styling the footer <div>

The footer needs "clear: both" in order to force it to a new line, below any floated items. Using an ID selector we can also set a border-top, as well as text-alignment and padding.

div#footer
{
clear: both;
padding: .5em 1em;
border-top: 1px solid #999;
text-align: right;
}

View step 20 »

Go to Step 21 »

Other Max Design articles and presentations
Associated with webstandardsgroup.org