The importance of typography on the web
131
Lesson 6, Formatting Text with CSS
6
2 Preview the page in your browser to see the default paragraph styling. Keep this
formatting in mind as you begin converting the paragraphs to lists. Close your browser
and return to your text editor.
You will convert the last three paragraphs to lists.
3 In the fi rst paragraph in the list of ingredients, change the opening

and closing

paragraph tags to an opening

and closing

to change this element to an
unordered list.
You now need to separate the ingredients into list items. The

tag is rarely used by
itself as the whole purpose of lists is to have separate items.
4 Add an opening
• tag at the beginning of the fi rst line and a closing
tag (both
highlighted in red) at the end:



• 3 cups Honeydew Melon (seeded & chopped)

2 tsp Lime Juice
1 cup Vanilla Yogurt
1 cup Ice Cubes
Optional: 1 tbl Honey or Sugar


Preview this page in your browser and note the bullet point on the fi rst line. Close your
browser.
webdesign.indb 131
webdesign.indb 131
3/17/11 1:50 PM
3/17/11 1:50 PM