CSS text-align: center; не работает

У меня есть следующий html:

<div id="footer">
    <ul id="menu-utility-navigation" class="links clearfix">
        <li class="menu-685 menu-site_map first">Site Map
        </li>
        <li class="menu-686 menu-privacy_policy">Privacy Policy
        </li>
        <li class="menu-687 menu-terms___conditions">Terms &amp; Conditions
        </li>
        <li class="menu-688 menu-contact_us last">Contact Us
        </li>
    </ul>
</div>

Со следующим CSS:

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Я бросил бит размера шрифта только для того, чтобы увидеть, работает ли стиль (Firebug сообщает, что он работает, но я хотел видеть). Это работает. Но текст не сосредоточен в нижнем колонтитуле Firefox или в Safari (еще нужно проверить его в IE).

Я пробовал с и без поля: 0 auto; и с выравниванием текста и без него: центр; никакая комбинация этих вещей не работала.

здесь выведен из firebug:

div#footer {
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    width: 700px;
}

Inherited fromdiv#page
#skip-to-nav, #page {
    line-height: 1.5em;
}

Inherited frombody.html
body {
    color: #666666;
    font-family: verdana,arial,sans-serif;
}

Справка

Ответы

Ответ 1

Я предполагаю, что вы хотите, чтобы все предметы были рядом друг с другом, и все это было сосредоточено по горизонтали.

li по умолчанию используются display: block, занимая все горизонтальное пространство.

Добавить

div#footer ul li { display: inline }

Как только вы это сделаете, вы, вероятно, захотите избавиться от пули списка:

div#footer ul { list-style-type: none; padding: 0px; margin: 0px }

Ответ 2

Если вы хотите, чтобы текст внутри элементов списка был центрирован, попробуйте:

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

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

Ответ 3

Чтобы сделать элемент встроенного блока выравниванием по горизонтали в своем родителе, добавьте text-align:center к его родительскому объекту.

Ответ 4

Это сработало для меня:

  e.Row.Cells["cell no "].HorizontalAlign = HorizontalAlign.Center;

Но 'css text-align = center ' у меня не сработало

надеюсь, это поможет вам

Ответ 5

Я не знаю, что вы используете любую версию Bootstrap, но полезный вспомогательный класс для центрирования и блокировки элемента в центре - это .center-block, потому что этот класс содержит свойства margin и display CSS, но класс .text-center только содержат свойство text-align

Центровый блок класса помощника Bootstrap