iWorm: Text- und Vertical-Align

Beitrag lesen

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