From the course: Design the Web: Styling a Numbered List

Unlock this course with a free trial

Join today to access over 22,600 courses taught by industry experts.

Add HTML to the list items

Add HTML to the list items

- So now before we style the content inside of the list items, let's come in here and clean up the html a little bit and just add some local styling. So the first thing I wanna do is get rid of the break text in here, so I'll select the first break tag in the first list item and I'll just replace that with a space. Do the same thing for the second item, then the third, fourth, and fifth. We'll add line breaks back in by defining display properties for the tags we're about to put in. Next let's come in here, let's get our cursor before China in the first list item. And let's add an html tag called em for emphasis. Then get the cursor after China and then end the emphasis tag and then get rid of the comma. Let's come down to the second list item. Now if your text editor has a shortcut for wrapping an element in a tag you can use that. Mine will let me come in here and select that and then wrap the entire item in an em tag. Get rid of the comma. Let's do the same thing for Brazil. Add an…

Contents