From the course: CSS Shorts

Unlock this course with a free trial

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

Continue a numbered list

Continue a numbered list - CSS Tutorial

From the course: CSS Shorts

Start my 1-month free trial Buy for my team

Continue a numbered list

“

- [Chris] Hi, this is Chris Converse and in this episode, we'll take a series of separate, ordered lists and continue the numbering using CSS. This way if we add or remove list items, the numbering doesn't have to be manually reset in the HTML file. So if you'd like to follow along, download the exercise files and begin by opening the HTML file in your favorite text editor. Now when you have the HTML file open, if you scroll down inside of the body area, you'll see that we have a series of ordered lists. We have the first one here, the second one here, and the third one here. If you look at this page in a browser, you'll notice that each time we start an ordered list, the numbering starts again. So this is one, two, three. Then it starts again with one, two, three. And then the third set starts with one and goes to eight. So if we wanted to continue the numbering, in HTML we would do something like this. If I come here to the beginning tag of this second ordered list, I could add a…

Contents