afra: Textausrichtung im div

Beitrag lesen

Hallo erik!

Ich möchte 2 Texte in einem div unterschiedlich ausrichten, der erste soll zentriert stehen und der zweite rechtbündig. Beide sollen in der selben Zeile bleiben. Wo ist mein Denkfehler?

<div>
<div style="float:left;align:center;">Text_mitte</div>
<div style="float:right;">Text_rechts</div>
</div>

Dein Denkfehler ist der, dass Du die falsche Reihenfolge wählst. Du willst mit float ein Element aus dem FLuß nehmen. Wenn Du dies nach einem Blockelement tust, ist dieses natürlich in der nächsten Zeile.

Weiterhin solltest Du dich fragen für was Du diese Div Suppe brauchst.

Innerhalb des Bodys tut folgendes markup genau das Gewünschte:

<p style="float:right;">Text rechts</p>
<p style="text-align: center;">Text center</p>

Schönen Gruß

Afra