Tabellen

[Gunnar Bittersmann]

@@Rita Rosenkohl

.table { display: inline-block; width:45%; text-align: left; }

text-align und width sind ebenfalls überflüssig.

Nein und nein.

Da text-align vererbt wird, kann man mit der Angabe für table die einheitliche Textausrichtung in th- und td-Elementen erzielen.

Und wenn die Tabelle eben 45% der Breite des umgebenden Containers einnehmen soll, ist width genau richtig.

Richtig erkannt hast du die Problematik mit display: inline-block. Allerdings nicht die Lösung.

Vermutlich muss stattdessen jede Tabelle einzeln in ein <div> gekapselt und diesen dann jeweils display:inline-block verpasst werden.

Nö, wozu? display: inline-table existiert.

LLAP 🖖