Inline Block

Mehrere Container nebeneinander

by juErik

HTML

<h2>Vier Div - Container nebeneinander</h2>
<div id="blau">
    <div class="rot">Rot 1</div>
    <div class="rot">Rot 2</div>
    <div class="rot">Rot 3</div>
    <div class="rot">Rot 4</div>    
</div>

CSS

#blau {background-color:#00F; height:200px; white-space:nowrap; }
    .rot {background-color:#F00; width:25%; display:inline-block;}

JavaScript

// <-- Inline-Block -->