Selectors in action - step by step tutorial

Step 9 - styling the navigation <div>

The navigation <div> can be moved to the left of the screen by applying "float: left" and a width using an ID selector. Padding is added to the top of the <div> to push it down from the banner <div>

div#navigation
{
float: left;
width: 150px;
padding-top: 2em;
}

View step 9 »

Go to Step 10 »

Other Max Design articles and presentations
Associated with webstandardsgroup.org