fixed "bug" space display:inline-block - Michal "Aggi" Jílek
 Blíž ke koním.cz       WamiDesign.cz       Foto-Wami.cz       Psí škola Berenika       Hucul Club - Francova Lhota       CK Museon - Vacances, s r.o.

fixed „bug“ space display:inline-block

Vychytávka jak zrušit mezeru, která vznikne při „obtékání“ boxů které mají nastavenou css property display:inline-block.

Naše dva boxy mají za úkol zobrazit se vedle sebe, a css property float: left/right už je ohraná (prostě je to nuda), chce to vyzkoušet něco nového. Budeme si hrát s css property display:inline-block u bloků s nastavenou šířkou.

<div class="container">
    <div class="order">
        <p>textík</p>
    </div>
    <div class="order">
        <p>textík</p>
    </div>
</div>
.container {
    font-size: 0px;
    letter-spacing: 0px;
    word-spacing: 0px;

    div {
        display: inline-block;
        font-size: 16px;
        letter-spacing: 1em;
        word-spacing: 2em;
    }
}


Máte co říct? Jděte do toho a zanechte komentář!

CAPTCHA * Time limit is exhausted. Please reload CAPTCHA.