在div中垂直居中文本

Question

我在下面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; 
}

非常感谢提前！

Answer 1

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

Answer 2

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