How does this code work ?

that's an example of a cascading style sheet. it sets the attributes as the webmaster wants them to display for the unstructured list (ul) html element.

it will essentially float any element inside a <li> </li> tag on the left hand side in a static position, creating an element that holds position while the page scrolls [code:1:cddf8e1a27]ul {list-style-type:none;} <-- makes sure list items have no bullets li { float: left; <--floats list items to the left margin:10px 10px; [i]and[/i] li p { text-align: center; are fairly easy :wink: [/code:1:cddf8e1a27] to see an ordered and unordered list in action test this code [code:1:cddf8e1a27]<ul> <li>item <li>item <li>item</li> <li>item</li> </ul> <ol> <li>item <li>item <li>item</li> <li>item</li> </ol>[/code:1:cddf8e1a27]