Tabellelayout in CSS

[Andy89]

Guten Morgen

Name: Mayer
Ort: Berlin
PLZ:12345
Straße und Hnr: Kleiner Weg 3

Ich hatte das bisher in einer Tabelle, Mayer, Berlin, 12345 und Kleiner Weg waren linksbündig untereinander. Dh. Die Linke Spalte war so breit wie das längste Feld.
Wie kann ich so ein Layout in CSS praktizieren?
Für Name. Ort, PLZ und Straße eine Klasse
Für Mayer, Berlin, 12345 und Kleiner Weg eine andere mit margin left?

Hat einer eine Idee?
Danke

[Boris]

Pack es ihn eine Definitionsliste und gestalte diese mit CSS.

<dl>
<dt>Name:</dt><dd>Mayer</dd>
<dt>Ort:</dt><dd>Berlin</dd>
...
... etc.
...
</dl>

Dann vergibst du dem DT und DL eine feste oder variable Breite und ein float: left ... voilà. Semantisch, ohne Tabelle und mit CSS.

[Andy89]

Danke, das kannte ich noch gar nicht.

Andy

[sejuma]

Da es sich hier jedoch um seine strukturierte Darstellung handelt (nicht um Layout), spricht meines Erachtens nichts dagegen, eine Tabelle zu verwenden.
Für diesen Zweck ist sie das richtige Instrument.
CSS bedeutet nicht, dass man keine Tabellen mehr verwenden darf.
Ich bin nun wirklich kein Tabellenfreund. Aber dort wo man eine strukturierte Darstellung braucht wie in deinem Fall ist sie m.E. nach wie vor das richtige Instrument.

[Boris]

Stimmt, dennoch würde ich persönlich hier eine Definitionsliste nehmen. Eine Tabelle ist aber für dieses Beispiel natürlich auch ok.