Проблема с центрирующим текстом

Question

У меня есть слой навигации, и я не могу получить ссылки на центр внутри.

Это таблица стилей, которую я использую

.Layer1 {
    position:absolute;
    width: 10%;
    height: 95%;
    list-style-position: outside;
    list-style-type: disc;
    background-color: #D2FFFF;
}
.Layer1 a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #0066FF;
    text-decoration: none;
    text-align: center;
}

Использование стандартных ссылок href не имеет значения, равно как и определение стиля для href. Мне интересно, чего мне не хватает.

Answer 1

Вы пробовали добавить:

text-align: center;

до .Layer1 {}?

Answer 2

По вашим свойствам стиля я предполагаю, что вы применяете их к элементу <ul>. Они имеют довольно дурацкие свойства отступов / полей по умолчанию (хорошая причина всегда использовать reset). Если вы установите text-align: center; в соответствии с предложением Stuart AND, а затем установите padding: 0;, он будет отцентрирован, как вы могли ожидать. Только что проверил на IE и FF.

Answer 3

Ссылки являются встроенными элементами, поэтому установка для них центра выравнивания текста ничего не даст. Попробуйте сделать ссылку блоком с назначенной шириной, а затем примените выравнивание текста по центру.

Answer 4

Является ли слой 1 div или ul? если это div, text-align: center должно работать, если вы не установили display: block для своих тегов a.

, чтобы центрировать элемент блока, вам нужно использовать margin: auto. для центрирования встроенного элемента это text-align: center. если это не сработает, это связано с вашей разметкой или каким-то другим образом, что стили переопределяются. Я бы настоятельно рекомендовал использовать firebug, чтобы увидеть, что происходит, у меня были такие моменты "wtf происходит" все время с html, но после того, как они попали в firebug, они редко длятся дольше нескольких минут.

Другая вещь - text-indent для отступа в первой строке абзаца. используйте padding-left, чтобы добавить пробел внутри элемента блока, или margin-left, чтобы добавить его снаружи.