float: left [8. Beispiel]

div-outer
div-inner-a
Eine neue Zeile mit neuem Text
Eine neue Zeile mit neuem Text
Eine neue Zeile mit neuem Text
Eine neue Zeile mit neuem Text
Eine neue Zeile mit neuem Text
div-inner-b
Eine neue Zeile mit neuem Text
Eine neue Zeile mit neuem Text
div-inner-c
Eine neue Zeile mit neuem Text
Eine neue Zeile mit neuem Text

HTML

<div id="outer">div-outer
  <div id="inner-a">div-inner-a</div>
  <div id="inner-b">div-inner-b</div>
  <div id="inner-c">div-inner-c</div>
</div>

CSS

#outer {overflow: auto; padding: 10px; background-color: #0000FF;}
#inner-a {float: left; width: 100px; background-color: #FFFF00;}
#inner-b {float: left; width: 100px; background-color: #00FF00;}
#inner-c {float: left; width: 100px; background-color: #FF0000;}