Назад
Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс




Поиск по сайту




Наш Telegram бот: @htmlweb_bot

Отступы margin

Первый блок выравнивается по центру.

Второй блок прижимается к правому краю, как если бы ему задали float:right.

margin: 30px auto
margin-left: auto
Исходный код этого примера:
<style>
    .item {
        background-color: #deebec;
        font: 14px/24px Arial,sans-serif;
        height: 34px;
        width: 400px;
        text-align: center;
        padding: 5px 10px;
        box-sizing: border-box;
    }
    .item.item1 {
        margin: 30px auto;
    }
    .item.item2 {
        margin-left: auto;
    }
</style>
    <div class="item item1">margin: 30px auto</div>
    <div class="item item2">margin-left: auto</div>

.