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

20.08.2015 (обновлено: 22.02.2019)

Добрый день!
Что нужно добавить для того, чтобы выровнять элемент (не строка) по центру.

<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>

Если статья понравилась, то поделитесь ей в социальных сетях:

Дата публикации

20-08-2015

Автор

Andrey964

Просмотры

1387

Избранное

Нравится

Комментарии (1)

Александр Мальцев 26 августа 2015, 08:52 0
Для того, чтобы выровнять блочный элемент по центру в 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;
}
```
Потом данный класс также добавить к нужным элементам.

Вы должны авторизоваться, чтобы оставлять комментарии.