List items with centered parent's don't center their bullets. Put the following styles on these elements:
ul.wrapper {
text-align: center;
list-style-position: inside; /*makes bullets center align with li text*/
}
- some list item
- some list item with a little more content.
If you need to adjust the distance between the bullet and the text, add this style to .wrapper li:before:
ul.wrapper li:before{
/*content:'';*/
/*margin-left: -12px; to add or subtract margin between bullet and text, if needed*/
}