Ich habe eine Verpackung<div> welches zwei innere enthält<div>s, die schweben.

<div class="outside" style="border:1px solid #555;">
  <div class="inside" style="float:left; width:40px;">CONTENT</div>
  <div class="inside2" style="float:left; width:40px;">CONTENT</div>
</div>

Das Problem ist der Wrapper<div> hat eine Breite von 80px seit zwei inneren<div> sind jeweils 40px. Aber immer die Verpackung<div> ist0px in der Höhe, die den Rand wie eine Linie oben erscheinen lässt.

Also habe ich die beiden inneren platziert<div>s in einem<table>. Es hat gut funktioniert. Aber wie vermeide ich dieses Problem, ohne a<table>?