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

Introduction

- [Voiceover] Hi, my name is Chris Converse, and welcome to Design the Web. In this episode, we'll be completely transforming an HTML numbered list using CSS. We'll start by redefining the list style type in CSS and then adding our own elements using pseudo-elements and populating the content of those new elements with our own custom CSS counters in order to take full control over the design of the HTML list items. This technique will allow you to add visually rich and numbered lists to your webpages while maintaining the original structure of the ordered list elements. And finally, the exercise files for this course are available to all members. So download your files and let's start styling a numbered list.

Contents