Selectors in action - step by step tutorial

Step 14 - styling the “more” <div>

The "more" <div> can be moved to the right of the screen by applying "float: right" and a width using an ID selector. We will set the margin to “0” and use some padding to move the div down and away from the right edge of the page.

div#more
{
float: right;
width: 160px;
margin: 0;
padding: 2em 10px 0 0;
color: #fff;
}

View step 14 »

Go to Step 15 »

Other Max Design articles and presentations
Associated with webstandardsgroup.org