przewiń do treści

HTML, XHTML i CSS. Praktyczne projekty. Wydanie II

Włodzimierz Gajda

.element {
    width: 400px;
    height: 400px;
    border: 1px solid black;
    margin: 100px auto;
}
.element div {
    width: 200px;
    height: 200px;
    float: left;
    text-align: center;
    line-height: 200px;
}
.bialy {
    background: white;
}
.zolty {
    background: yellow;
}
.niebieski {
    background: blue;
}
.czarny {
    background: black;
}
.element div img {
    vertical-align: middle;
}

<div class="element">
    <div class="bialy">
        <img src="telefon.png" alt="" />
    </div>
    <div class="zolty">
        <img src="telefon.png" alt="" />
    </div>
    <div class="niebieski">
        <img src="telefon.png" alt="" />
    </div>
    <div class="czarny">
        <img src="telefon.png" alt="" />
    </div>
</div>

Listing 26.3. Rozwiązanie ćwiczenia 26.4

Rozdział 26. Element img

listing-26-03.txt