Text- und Vertical-Align

[iWorm]

In diesem div-Container sollen  5 Text-Buttons auf die ganze Länge verteilt werden (Blocksatz). Es soll ebenfalls auf der halben Höhe dieses Containers befinden.

.buttonsbar {  
	display: block;  
	background: white;  
	width: 900px;  
	height: 50px;	  
}  
.buttons {  
	margin: auto 50px;  
	text-align: justify;  
	vertical-align: middle;  
}

<div class="buttonsbar">  
	<div class="buttons">Button1 Button2 Button3 Button4 Button5</div>  
</div>

Was mach ich falsch? Der Text wird trotzdem linksbündig oben angezeigt.
MfG iWorm

[Gunnar Bittersmann]

@@iWorm:

nuqneH

Was mach ich falsch? Der Text wird trotzdem linksbündig oben angezeigt.

'text-align: justify' wirkt auf alle Zeilen eines Absatzes außer der letzten. Für diese ist die Eigenschaft 'text-align-last' zuständig, die der Internet Explorer seit Urzeiten interpretiert, andere Browserhersteller sich bislang aber beharrlich weigern, das endlich mal zu implmentieren.

'vertical-align' wirk nur auf Inline-level-Elemente und Tabellenzellen.

Qapla'

[iWorm]

'vertical-align' wirk nur auf Inline-level-Elemente und Tabellenzellen.

Wie mach ich dann das mit margin, Tabellen haben ja keinen

[iWorm]

Habs doch iwie hingekriegt
Aber wie soll ich es bei Blocksatz machen?
Hab i-wo einen Post gesehen wie man nächste Zeile erzwingt, aber ist mir nicht ganz klar geworden wie.

[Gunnar Bittersmann]

@@iWorm:

nuqneH

Hab i-wo einen Post gesehen wie man nächste Zeile erzwingt, aber ist mir nicht ganz klar geworden wie.

Ich hatte i-wo man was geschrieben.

Ziemliches Gefrickel.

Und für IE 'text-align-last' verwenden, keine conditional comments wie damals gesagt.

Qapla'