Listen- bzw. Textausrichtung ohne Tabellen als Hilfsmittel

[fakinson]

Hallo liebe Gemeinde,
ich habe folgende Frage:

am linken Bildschirmrand habe ich mehrere Listen (definierte Listen) untereinander erstellt.
Eine Liste als Beispiel:

<dl style="font-family: Arial">
 <dt style="font-size: 18pt">News</dt>
  <div id="newslinks" style="margin-left: -2%">
  <dd><a href="News.htm">Neuigkeiten rund um den Clan</a></dd>
  <dd><a href="News.htm">Neuigkeiten aller anderen Art</a></dd></div>
</dl>

Und jetzt möchte ich am rechten Bildschirmrand auch solche Tabellen untereinander erstellen.
Für sich genommen kriege ich das auch hin.
Nur Knackpunkt dabei: diese Listen rechts sollen auf gleicher Höhe wie die Listen links stehen, bzw. unabhängig von den Listen links ausgerichtet werden.

Ich habe immer das Problem, daß die Listen rechts / links nicht auf gleicher Höhe sind, sondern die Listen untereinander stehen. Also quasi, wie wenn ich alle Listen links hätte, dort stehen sie (logischerweise) untereinander.
Dann schiebe ich Listen nach rechts, sie bleiben aber auf gleicher Höhe.

Bildlich gesprochen:

Ist-Zustand:

Liste1
. .............. Liste2
Liste3
................. Liste4

(bitte Punkte wegdenken, sind nur Formatierungshilfe, da Tab / Space nicht angenommen wird)



Soll-Zustand:

Liste1.......... Liste2

Liste3.......... Liste4



Schwierigkeit: das ganze möchte ich ohne Tabellen als Formatierungshilfe erreichen.


Kennt jemand eine Möglichkeit?

(Ich habe es mit <span> und <div> Verschachtelungen probiert, erfolglos.)

[fakinson]

wollte nur sagen, daß das noch aktuell ist. Nicht, daß man denkt, es hätte sich erledigt

[fakinson]

ok, habe die Antwort. Falls es jemanden interessiert: http://www.css4you.de/wslayout1/ex0010.html thread kann geschlossen werden