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 - CSS Tutorial
From the course: Design the Web: Styling a Numbered List
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.