Prima bozza :
codice:
HTML:
<div id="corpo">
  <div id="colonna2">
    <div class="box">

testo del box 1</p></div>
    <div class="box">

testo del box 2</p></div>
    <div class="box">

testo del box 3</p></div>
    <div class="box">

testo del box 4</p></div>
    <div class="box">

testo del box 5</p></div>
    <div class="box">

testo del box 6</p></div>
  </div>
</div>


CSS:
#corpo {
  ...
}
#colonna2 {
  width: ...;   /* e` molto piu` semplice se la larghezza e` definita */
  ...
}
#colonna2:after {
  clear: left;
  ... vedi [Pillola] FabClearing, un metodo crossbrowser alternativo per il clearing dei float
}
.box {
  width: 49.8%;
  float: left;
  height: ...;    /* probabilmente serve, in modo da averli tutti uguali */
  overflow: ...;   /* serve se il testo puo` essere piu` alto di height */
}
Nota: se ci sono altri float nella pagina, la cosa e` piu` complicata. Potrebbe essere utile che gli altri float siano right, in modo da non interferirre con quelli left qui usati