Центрирование <UL>+ Сохранение выравнивания <LI>

Question

Моя проблема: http://i56.tinypic.com/ff3jmo.png

Точки маркера не выровнены.

Все, что я собираюсь, это выравнивание текста: центр класса, в котором находится ul.Могу ли я выровнять маркеры?

РЕДАКТИРОВАТЬ : Эй, ребята, просто хочу попробовать и уточнить.Я хочу, чтобы фактические точки пули были выровнены.В настоящее время текст выровнен, но без маркеров.

• T ext
  • T ext
    • T ext

Где, как я хочу

• Текст
• Текст
• Текст
• (Точки выровнены, текстпо центру)

Answer 1

text-align: center не должен использоваться для этой цели. Вы, вероятно, должны поместить <ul> в <div> и центр , что , установив его на определенную ширину и используя margin-left: auto; и margin-right: auto.

Итак:

<div style="width: 25%; margin-left: auto; margin-right: auto;">
    <ul>
        <li>List item 1</li>
        <li>List item 2</li>
    </ul>
</div>

Answer 2

Вы задавали вопрос дважды. Я ответил вам на Сосредоточение маркеров в центрированном списке

Дайте вашему div имя класса center. Предполагая, что ширина вашего div равна 200px, margin:0 auto будет центрироваться, а text-align:left будет выравнивать текст по левому краю, сохраняя его центрирование из-за поля auto.

.center{
    width:200px;
    margin:0 auto;
    text-align:left;
}

Проверьте рабочий пример на http://jsfiddle.net/8mHeh/1/

Answer 3

Вам не нужно поле чуть выше тега ul, добавьте div и добавьте в него стиль text-align:left

<div style="text-align:left">
    <ul>
        <li></li>
    </ul>
</div>

Answer 4

Вы пытаетесь заставить li выравниваться влево? Если это так, попробуйте поместить все li в класс «myliclass» и сделайте это в CSS:

.myliclass {
    text-align:left;
}