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

Andrey964

20.08.2015, 22:36

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


<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

Александр Мальцев

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