HTML and CSS Reference
Listing 4-21. An unordered listing of ingredients
<li>1/2 cup butter</li>
<li>1/2 cup milk</li>
<li>2 teaspoons vanilla extract</li>
<li>1 1/2 cups all-purpose flour</li>
<li>1 3/4 teaspoons baking powder</li>
<li>1 cup white sugar</li>
By default, unordered lists are displayed as slightly indented blocks with a bullet marking each list item, as
seen in Figure 4-8. Later in this chapter you'll see how you can change the default bullet using CSS,
replacing it with a different character or even an image.
Figure 4-12. A web browser renders the bullets automatically
The ul element doesn't require any attributes.
The ul element doesn't feature any optional attributes.
The ol element defines an ordered list, one in which the items are meant to be read or followed in a
specific sequence, such as the steps in a recipe. Listing 4-22 shows an example. Note that the items aren't
numbered in the markup—the browser will do the numbering for you.
Listing 4-22. A deliberate sequence of steps marked up as an ordered list
<li>Preheat oven to 350 degrees F (175 degrees C). Grease and
flour a 9x9 inch pan.</li>
<li>Cream together the sugar and butter. Beat in the eggs one
at a time, then add the vanilla. Combine flour and baking powder,
add to the creamed mixture and mix well. Finally, stir in the
milk until batter is smooth. Pour or spoon batter into the