Why are lists not working properly when not aligned left?

Question

I wanted to have everything centered in the page I was creating, but when I make lists, the <li> simbols are locked on the left side. So when I center it or right it, the text moves, but the simbols are stuck on the left side. Help?

Answer 1

Bullets (or numbers) of list items will always been aligned to left... if you want to align them differently you need to habdle them separatly. If you don't care of bullets alignement but of items texts, you can use 'text-align' on the <ul>/<ol> element... and to limit the size (so you control the left empty space before bullets) set an explicit width and 'display:inline-block' with parent alignement to control alignement of the <ul>/<ol> box and/or left margin of it ^^

Answer 2

i suggest you to put the list in div blocks and center the divs. this is much easier for you

or another solution make your own list by loops and design them as you like