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

Andrey964

22.02.2019

1,7K

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

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

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

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

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

26 августа 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;
}
```
Потом данный класс также добавить к нужным элементам.

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