li bullet point needs background color

Question

I want my <li> list items bullet point to be included with the background color of the list. It currently looks like the second example where the bullet point has no background color, but I want it to look like the first:

How would I add the background color to the bullet point?

Answer 1

You want this.

li {
  list-style-position: inside;

}

 ul { display: inline-block; } li { list-style-position: inside; background: orange; } 

 <ul> <li>Item1</li> <li>Item2</li> <li>Item3</li> <li>Item4</li> <li>Item5</li> </ul> 

Answer 2

Your question is not easy to understand. Could you post an example of your code for us to help you better please?

From what I can make out, you have a li that you want to add a background colour to, but you don't want it to start after the dot ( • ), but include the dot as well?

The property you are after is: list-style-position: inside;

 li { background-color:red; list-style-position: inside; } 

 <ul> <li>asdf</li> <li>qwer</li> <li>zxcv</li> </ul>