Und bisschen CSS dazu
Wird da nicht auch wieder getrickst? Da könnte ich ja wieder eine fünfspaltige Tabelle erzeugen wobei die mittlere eine leere ist?
Die Daten deiner beiden Tabellen gehören nicht tabellarisch zusammen, das sind zwei Familien, jeweils Name und Info als Spalten.
Wo du nun CSS-seitig Trickserei siehst, kann ich nicht nachvollziehen. Du hast float benutzt, Saras Lösung setzt stattdessen auf display:inline-table (nicht inline-block). Der Effekt ist der gleiche, display:inline (-table/-block) halte ich allerdings für grundsätzlich leichter unter Kontrolle zu halten als die Floaterei, weil inline schlicht das macht, was gefordert ist, nämlich Elemente nebeneinander in eine Zeile stellen. float ist nicht fürs banale Nebeneinanderstellen gedacht, sondern um eine beliebige Textmenge um ein Element herumfließen zu lassen – das ist dann doch ein deutlicher Unterschied.