AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

Отступы 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>


.

© Copyright 2008- by KDG



Rambler's Top100