Ben Borgers

How to make indented bullet points discs in CSS

November 23, 2020

By default, indented bullet points become dots and squares instead of solid bullets.

I wanted all the bullet points to stay as solid discs, because I think that it looks better:


First, here’s the HTML for indented bullet points:


    <li>one a</li>


Then, you can use this CSS to style every bullet point as a solid circle (a “disc”):

li {
  list-style-type: disc;

Done! Now, ever bullet point will be the same solid disc, even if it’s indented.

Subscribe to my newsletter!

A weekly round-up of new blog posts and updates to projects I’m working on.