Coding: CSS: Lists
Lists are a great way to keep your content display interesting.
Read Chapter 15 Lists by Elizabeth Castro in HTML, XHTML, & CSS, Sixth Edition.
List Styles
List Style
Use the list-style-type property to create a particular type of list. Set the value to The value of letter-spacing is a number to designate the number of lines to include such as 1, 1.5, 2...
Sample 1 - an unordered list that uses a square for its bullet points
Sample 2 - an ordered list with Roman numerals
Image for List
Use the list-style-image to replace the bullet on a list to an image. Then set the url of the image as url(theimage.gif).
Sample 1 - a list with an image as bullets
List Alignment
Control the alignment of the type using the list-style-position property. Then, set the value to outside or inside.
Sample 1 - a list with inside alignment