Links,mittig und rechts Text

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