CSS design med UL

Hey Exp. Jeg håber der sidder nogen kloge hoveder derude der har tid til at hjælpe mig.
Er det muligt at få dette til at lade sig gøre?
<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
  <li>4</li>
</ul>

De 3 første li'er skal ligge øverst i en række (har jeg løst ved float left) men nr. 4 skal ligge under de 3 andre (ligesom en table der ser således ud:

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td colspan="3">4</td>
  </tr>
</table>

Kan det lade sig gøre?