Reini: Text horizontal ausgerichtet; Scrollleiste

Beitrag lesen

Hallo,

ich möchte einen einzeiligen Text mit *variabler* Länge an einer ganz bestimmten Bildschirmposition positionieren. Der Text soll an dieser Position immer horizontal zentriert sein, 2 Beispiele:

kurzer Text
   viel, viel längerer Text

Ich habe den Text dazu in einen <div>-Block verpackt, den ich mittels CSS genau positioniere. Der <div>-Block besitzt eine Width größer als der längste zu erwartende Text. Die horizontale Zentrierung im <div> erfolgt per text-align:center

Soweit, so gut. Nur wenn ich den <div>-Block nahe am rechten Bildschirmrand positioniere, ragt der <div>-Block über das rechte Ende hinaus, und es erscheinet die horizontale Scrollleiste. Und das obwohl der eigentlich Text den rechten Rand noch nicht überschreiten würde (der div Block ist ja meistens viel breiter als der aktuelle text).

Gibts da eine Möglichkeit, dass die Leiste erst erscheint, wenn sie wegen dem Text nötig wird und nicht wegen dem <div>-Block, der ja eigentlich nur der horizontalen Ausrichtung des textes dient?