#181: Poking at HTML Lists

Avatar of Chris Coyier
Chris Coyier on

DigitalOcean provides cloud products for every stage of your journey. Get started with $200 in free credit!

I had a dumb little issue the other day where a nested list didn’t quite have the right spacing. I was only adding margin-bottom on the list elements and the lists themselves, but that meant there was no space between the first nested list item and the parent list item above it when nesting a list. It got me thinking about margins, spacing in general, and nested items.

Let’s have a poke at lists. We’ll take a look at ::marker and how handy that is. We’ll look at different kinds of lists. And we’ll spend lots of time just thinking about spacing in general and how it works with lists and list items.