Links,mittig und rechts Text

[Mario Steinko]

Hi!

Wie kann ich in ein div links,mittig und rechts text schreiben?
Meine Erste Idee war die:
<span class="right-text">right text</span>left text<span class="center-text">small center text</span>'
.right { float:right; with:50%; text-align:right; }
.center { float:right; }

Das funktioniert aber im IE nicht. Wie kann ich das sonst machen?

danke
Mario

[Gunnar Bittersmann]

@@Mario Steinko:

nuqneH

Wie kann ich in ein div links,mittig und rechts text schreiben?

Warum 'div', wenn Text drinsteht, und nicht 'p'?

Markup:

<div>  
  <span class="right">baz</span>  
  <span class="left">foo</span>  
  <span class="center">bar</span>  
</div>

Stylesheet:

div { text-align: center }  
.left { float: left }  
.right {float: right }

Unschön daran: Die falsche Reihenfolge im Markup (rechtes als erstes).

Also anders:

Markup:

<div>  
  <span class="left">foo</span>  
  <span class="center">bar</span>  
  <span class="right">baz</span>  
</div>

Stylesheet:

div { position: relative; text-align: center }  
.left { position: absolute; left: 0 }  
.right {position: absolute; right: 0 }

Qapla'

[Mario Steinko]

Das erste zentriert den mittleren Text nicht wirklich sondern nur zwischen dem linken und dem rechten Text.

Und das zweite funktioniert im IE auch ned :-/

lg
Mario

[Beat]

Das erste zentriert den mittleren Text nicht wirklich sondern nur zwischen dem linken und dem rechten Text.
Und das zweite funktioniert im IE auch ned :-/

Du suchst Block Verhalten für inline Elemente.
inline-block.

mfg Beat

[Mario Steinko]

Ah, thx :-)

Jetzt funktionierts auf FF und IE :-)