• Par GloriaV dans Texto le 21 Juin 2017 à 17:52
     

    Floating boxes

    Floating box
    Floating box
    Floating box
    Floating box
    Floating box
    <h2>Floating boxes</h2>

    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <div class="floating-box">Floating box</div>
    <style>
    .floating-box {
        float: left;
        width: 150px;
        height: 75px;
        margin: 10px;
        border: 2px ridge #E5DBDC;
        border-radius: 5px 5px 5px 5px;
        background-image: url('https://img-fotki.yandex.ru/get/6605/155764624.3e/0_932b4_1f5ff4f2_S');
        box-shadow: -1px -1px 4px #333333,1px 1px 4px #333333,1px 1px 5px #333333;
    }
    </style>