CSS text-align: center; is not centering things

Question

I have the following html:

Answer 1

If you want the text within the list items to be centred, try:

ul#menu-utility-navigation {
  width: 100%;
}

ul#menu-utility-navigation li {
  text-align: center;
}