Text rechts und Linksbuendig

[wahsaga]

hi,

Mein erster Versuch war: <p>text1 <span>text2 <strong>TEXT3</strong></span></p>

Was hältst du davon, wenn du darauf mal

span { display:block; position:relative; text-align:right; border-bottom:1px solid #000; margin-top:-1.9em; padding-bottom:0; }  
strong { font-size:2em; line-height:1em; }

anwendest ...?

Sieht doch schon ganz passabel aus, finde ich.

Das position:relative braucht der IE, da der sonst auf grund des "Hochziehens" über negatives margin-top unsinnigerweise den oberen Teil von Text3 abschneidet.
Und durch eben dieses "Hochziehen" eignet es sich natürlich auch nur dann, wenn die Texte allesamt so kurz sind, dass keine Überlagerungen bei zu geringer Breite von p zu befürchten sind.

Wenn du den Rahmen näher am Text haben willst, dann musst du mal ein bisschen mit der line-height für strong und dem negativen margin-top für span herumspielen.

gruß,
wahsaga