Textausrichtung im div

[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>

[JB]

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>

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

evtl. muss der 2. verschachtelte div auch links floaten.
besser wäre evtl.:

<div>
<span style="text-align:center;">Text_mitte</span>
<span style="text-align:right;">Text_rechts</span>
</div>

mein wissen über floaten und diven ist etwas eingerostet da das meist merkwürdige ergebnisse produziert lass ich es inzw. sofern möglich.

[afra]

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

[Ingo Turski]

Hi,

Wo ist mein Denkfehler?

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

damit wird das Element links neben dem nachfolgenden gesetzt und bekommt die Breite, die für den Inhalt erforderlich ist. "align" ist eine ungültige Eigenschaft, aber auch text-align hätte keinerlei Auswirkungen mehr.

freundliche Grüße
Ingo