在div中垂直居中文本

时间:2013-02-07 18:20:17

标签: css positioning centering

我在下面div中的文本垂直居中时遇到了很多麻烦。如果有人能帮我完成这件事,我会很感激。

这就是我的尝试:

<div class="input-label" style="vertical-align:middle;">Toys:</div>

这是我目前的标记:

<div class="input-label" >Toys:</div>

CSS

.input-label
{
   background-color:#7a86d0; 
   height:30px; 
   float:left; 
   width:130px; 
   text-align:right; 
   font-weight:bold; 
   padding-right:10px; 
}

非常感谢提前!

2 个答案:

答案 0 :(得分:1)

尝试将line-height: 30px;添加到您的CSS中。

答案 1 :(得分:0)

在div样式中,插入“display:table-cell;”在vertical-align之前。