how do I get the bullet points of a to center with the text?

Question

When I try to center a

the text in the
• centers but the bullet points stay on the far left of the page. Is there any way to ge

Answer 1

Add list-style-position: inside to the ul element. (example)

The default value for the list-style-position property is outside.

ul {
    text-align: center;
    list-style-position: inside;
}

    
one
    
two
    
three

Another option (which yields slightly different results) would be to center the entire ul element:

.parent {
  text-align: center;
}
.parent > ul {
  display: inline-block;
}

  

    
one
    
two
    
three