Textbereich rechtsbündig

[gerhardt]

Hallo,
wie bekomme ich bei folgendem Beispiel den Text im zweiten span rechtsbündig und weiterhin an der Unterkante des Bildes ausgerichtet (wie der Text im ersten span)? Mittels float:right im zweiten span ist der Text zwar rechtsbündig, allerdings nicht mehr an der Unterkante des Bildes ausgerichtet.

  
<img src="...">  
<span>linksbündig</span>  
<span>rechtsbündig</span>  

[ChrisB]

Hi,

wie bekomme ich bei folgendem Beispiel den Text im zweiten span rechtsbündig und weiterhin an der Unterkante des Bildes ausgerichtet (wie der Text im ersten span)? Mittels float:right im zweiten span ist der Text zwar rechtsbündig, allerdings nicht mehr an der Unterkante des Bildes ausgerichtet.

Wenn du beide Elemente floaten willst, drehe die Reihenfolge um.

Sonst floate nur eines der beiden, und richte den Text im anderen Element aus.

MfG ChrisB

[gerhardt]

Wenn du beide Elemente floaten willst, drehe die Reihenfolge um.
Sonst floate nur eines der beiden, und richte den Text im anderen Element
aus.

Danke erstmal für die Antwort, aber so richtig löst das mein Problem nicht. Eine Lösung die ich hätte wäre display:block; margin-top:-1.5em im zweiten span, allerdings überschneiden sich dann unter Umständen die beiden Texte wenn das Browserfenster zu klein ist.

[ChrisB]

Hi,

Wenn du beide Elemente floaten willst, drehe die Reihenfolge um.
Sonst floate nur eines der beiden, und richte den Text im anderen Element
aus.

Danke erstmal für die Antwort, aber so richtig löst das mein Problem nicht.

„Nicht so richtig“ erklärt nicht so richtig, warum es nicht so richtig sein soll.

Eine Lösung die ich hätte wäre display:block; margin-top:-1.5em im zweiten span,

Wozu das negative margin-top, wenn du ersteres doch gefloatet hast?

allerdings überschneiden sich dann unter Umständen die beiden Texte wenn das Browserfenster zu klein ist.

Nö, bei floating eigentlich nicht.

MfG ChrisB