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に追加してみてください。

Answer 2

divスタイルで、「display：table-cell;」を挿入します。垂直整列の前。