From the course: CSS Shorts

Unlock this course with a free trial

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

Style big list numbers

Style big list numbers - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Style big list numbers

“

- [Chris] Hi, this is Chris Converse, and in this episode, we'll replace the default numbers we get in an html ordered list with large styled numbers, which we'll generate with CSS. So if you'd like to follow along, download the exercise files and you can begin by opening the html file in your favorite text editor. Now when you have the html file open, up in the head area you'll see we have a link to style that css. We'll be opening this in a moment. If you continue down and look at the mark up inside of the body element, we have a header and an article element, and then inside of the article element, we have an ordered list with a class of country and then five individual list items. And if you look at this in the browser, you'll see the numbers showing up here. One, two, three, four and five. So to begin to restyle these numbers, we're going to go back to the exercise files and let's open up style.css in our text editor. And now in the css file, let's scroll down. Let's find the…

Contents