Create a custom counter - CSS Tutorial

- [Voiceover] Now to begin the project let's go into the exercise files, let's find index dot html, and let's open this up in your favorite text editor. Now in this html file I have a basic layout started. We have a heading area and a body area. There's an in line style here. I've put the CSS in the html files so we could write the CSS and see the html at the same time. So we're gonna be adding our new rules down here next to this CSS comment. There's a header area where we're using that background photograph, defined up here. And then if I scroll down there's an unordered list that I have in place as well. So we have our beginning and ending OL for an order list and then each one of our list items. And we're listing out the five largest cities in the world. So later on in the course we're gonna be adding some styling into the list items here and removing the bright tag. But first we'll be redefining the way the list item displays using CSS. Now to see this in a browser you can open…