css - 在 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。