Это:
text-align: center;
для горизонтального центрирования, но:
vertical-align: middle;
для вертикального центрирования, но вертикальное центрирование таким образом будет работать только с ячейками таблицы. Чтобы получить кросс-браузерное вертикальное центрирование без использования таблиц, посмотрите на Вертикальное центрирование в CSS (да, это нетривиально).
Примечание: text-align: middle
и vertical-align: center
являются неправильными значениями.
Для горизонтального центрирования элемента блока используется обычный трюк:
<div id="outer">
<div id="inner">Some test...</div>
</div>
с:
#outer { width: 600px; }
#inner { width: 300px; margin: 0 auto; border: 1px solid black; }
Имейте в виду, что это не обязательно будет работать с некоторыми версиями IE в эвфемистическом режиме «причуд». Хорошей практикой является приведение IE в (также эвфемистический) режим «соответствия стандартам» с помощью DOCTYPE вверху документа.