Div to kollonner

Forsøger at lave et tableless deisgn bare for at lege med ideen. Vil gerne opnå følgende uden tabeller:
    <div>
    <div>
        <table>
            <tr>
                <td>1</td>
            </tr>
            <tr>
                <td>2</td>
            </tr>
        </table>
        <table>
            <tr>
                <td>3</td>
            </tr>
            <tr>
                <td>4</td>
            </tr>
        </table>
    </div>
      <div>
        <table>
            <tr>
                <td>5</td>
            </tr>
            <tr>
                <td>6</td>
            </tr>
        </table>
    </div>
        </div>

I bund og grund er mit problem at jeg ikke kan få divs til at ligge sig efter hinanden uden det hele går total i ged. Har forsøgt med float left ... i bund og grund ville jeg bare gerne have span kunne have div elementer. Hvad er metoden for at få kollonner (ul li div span ...)? Vil gerne undgå absolut positionering.