Stahli: Zwei Texte nebeneinander nach unten ausgerichtet setzen

Beitrag lesen

Hi,

mir ist das schon öfters aufgefallen, ich habe aber noch keine gute Lösung für das Problem gefunden.

Ich möchte zwei Texte wie folgt anordnen.

  
+--A-----------------+  
| Lorem ipsum, Lorem |  
| ipsum, Lorem ipsum |  
| Lorem ipsum, Lorem |  
| ipsum, Lorem ipsum |  
| Lorem ipsum, Lorem |  
| ipsum, Lorem ipsum |  
| Lorem ipsum, Lorem |  +--B----------+  
| ipsum, Lorem ipsum |  | Lorem ipsum |  
+--------------------+  +-------------+  

Beziehungsweise wie folgt.

  
+--A-----------------+  +--B----------+  
| Lorem ipsum, Lorem |  |             |  
| ipsum, Lorem ipsum |  |             |  
| Lorem ipsum, Lorem |  |             |  
| ipsum, Lorem ipsum |  |             |  
| Lorem ipsum, Lorem |  |             |  
| ipsum, Lorem ipsum |  |             |  
| Lorem ipsum, Lorem |  |             |  
| ipsum, Lorem ipsum |  | Lorem ipsum |  
+--------------------+  +-------------|  

Text B ist immer ein Einzeiler, die Länge von Text A ist variabel. Um den Text B am unteren Rand von A ausrichten zu lassen muss ich immer mit [margin|padding]-top oder height und vertical-align arbeiten und entsprechende feste Pixelangaben verwenden, damit ich mein Ziel erreiche, was nicht sonderlich schön ist. Ich könnte eine Tabelle verwenden, da es sich aber nicht um tabellarischen Inhalt handelt würde ich gerne davon absehen. Am Besten wäre soetwas wie

  
div.B{  
  float:right;  
  vertical-align:bottom;  
  height:next-silbing;  
}  

Könnte man soetwas vielleicht in CSS 3.1 aufnehmen? :) Oder ist das nicht nötig?

Gruß,
Felix

--
Nichts auf der Welt ist so gerecht verteilt wie der Verstand. Denn jedermann ist überzeugt, dass er genug davon habe.
René Descartes