Selectors in action - step by step tutorial

Step 11 - styling the <li> element

A descendant selector is used to select the <li> element of the list. In this case, we want to set some space between the list items so margin-top is used.

div#navigation ul li { margin-top: 4px; }

View step 11 »

Go to Step 12 »

Other Max Design articles and presentations
Associated with webstandardsgroup.org