Hallo,
Jetzt mal abgesehen davon, dass dir am Ende ein </div> statt des </section> rausgerutscht ist: <section> (oder sonst ein klammerndes Element) ist für das Problem bzw. dessen Lösung überflüssig, ebenso <br> bzw. das enthaltene clear. Nicht nur überflüssig, sondern schon als kurios würde ich <table class="table"> bezeichnen.
wenn du mein edit angeschaut hättest, dann hättest du gesehen, dass ich zuerst ein folat:left genommen hatte. Ich hatte es dann allerdings geändert und vergessen das <br> zu löschen. Sorry dafür.
Du brauchst in diesem Beispiel keinen Klassenbezeichner (weil keine anderen Tabellen da sind), benennst ihn dann aber auch noch nach dem Element selbst.
Mag sein, dass man es für dieses Beispiel nicht braucht, ein HTML soll robust sein und ein Klassenbezeichner mehr oder weniger stört keinen. Außerdem soll das ganze bestimmt in eine bestehende Seite eingebunden werden, also kann davon ausgegangen werden, dass es vielleicht noch weitere Tabelle existieren.