Web Design with HTML and CSS

The importance of typography on the web

Lesson 6, Formatting Text with CSS 131

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 <p> and closing </p>

paragraph tags to an opening <ul> and closing </ul> to change this element to an

unordered list.

You now need to separate the ingredients into list items. The <ul> 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.