[html/css] Drei Boxen nebeneinander

[Bernerbaer]

ich habs so verstanden:

Code:

div.bottom {
   width: 75%;
   margin-left:auto;
   margin-right:auto;
   padding-top: 10px;
}

div.bottom1{
   float: left;
   width: 31%;
   padding: 5px;
   margin:5px;
   border: 1px solid #aaaaaa;
}

und der Html-Code

Code:

<div class="bottom">
      <div class="bottom1">
         links<br />
      </div>

      <div class="bottom1">
        mitte<br />  
      </div>

      <div class="bottom1">
         rechts<br />
      </div>
</div>

[edit] ach ja das <div style="clear:both"> habe ich vergessen kommt noch vor dem letztem div [/edit]