Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Выравнивание любого элемента по центру

Любой элемент (article, div, table) можно разместить по центру так: margin {0 auto}, где "0" – это отступы сверху/снизу (можете указать любое другое число в пикселах), а "auto" – это автоматическое центрирование.

ВНИМАНИЕ!!! НЕ будет работать вместе с float.

Этот элемент расположен по центру.
Исходный код этого примера:
<style>
    article {
        border: 1px solid #333;
        margin: 0 auto;
        padding: 50px;
        width: 300px;
        text-align: center;
    }
</style>
<article>
    Этот элемент расположен по центру.
</article>

.