テキストの縦線がdivで機能していませんか？

Question

.st_content_heading{ 
width:500px; 
height:250px; 
background:red; 
border:1px solid #ccc; 
float:left; 
margin:0px; 
padding:0px; 
display:table-cell; 
vertical-align:middle; 
} 
<div class="st_content_heading" style="vertical-align:middle;">Content for class "st_content_out" Goes Here</div> 

Answer 1

要素を浮動させると、テーブルセルの状態が失われます。

.st_content_heading{ 
width:500px; 
height:250px; 
background:red; 
border:1px solid #ccc; 
/* float:left; take this out */ 
margin:0px; 
padding:0px; 
display:table-cell; 
vertical-align:middle; 
} 

Answer 2

この解決策は完全に一致しました。それはdivの内部リンクやテキストだけであっても、このCSSクラスは、垂直DIV内でこのことができます

.verticalCenterDivText{ 
    height: 29px; 
    line-height: 29px; 
} 

希望のコンテンツを揃えることができます。