Petra: float in UL/LI

Beitrag lesen

Hallo,

dies ist die Fortsetzung eines Threats, der sich mit dem Formatieren von Überschriften
befasste.

Erstmal bedanke ich mich noch mal bei allen, die mir geholfen haben. Ich habe
eine Menge dazu gelernt.

Aufgabe: Setze in einer Zeile das Datum an den rechten Rand und fahre ohne
Leerraum in der nächsten Zeile darunter fort.

Das klappt mit <p style="clear: left;"> bei Überschriften und den folgenden
Absätzen.

Nur für die Tags UL und LI sieht es ein bisschen komisch aus, da ist
ein Zeilenumbruch direkt nach dem Aufzählungszeichen. So:

li span.rechts { float: right; }
li span.links { float: left; }
ul span.rechts { float: right; }
ul span.links { float: left; }

......

<UL>
<LI><span class="links">Text links </span><span class="rechts">Datum</span>
<P style="clear: left;"><i>Text drunter</i></P>
</UL>

liefert:

"-
   Text links                    Datum
   Text drunter"

Es muss dafür doch eine grundsätzliche Lösung ohne Tricks geben?

Viele Grüße
Petra