• HTML
  • CSS

Как выровнять HTML-элемент по центру?

Добрый день!

Что нужно добавить для того, чтобы выровнять элемент (не строка) по центру:
<div class="alert alert-warning" style="color: #ff0000; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 24px;">Warning! Оpen in new window!</div>

Комментарии: 1

Александр Мальцев
Александр Мальцев
Для того, чтобы выровнять блочный элемент по центру в Twitter Bootstrap 3, к нему нужно добавить класс center-block.
Например, выровнять кнопку по центру:
<a href="#" class="btn btn-success center-block">Кнопка</a>
Если Вы не используете Twitter Bootstrap, то необходимо сделать в CSS класс:
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
Потом данный класс также добавить к нужным элементам.