<div id="d1">
  <p>ブロック要素</p>
  <p>記述しても反映されない</p>
</div>

<div id="d2">
  <p>ブロック要素 → テーブル要素またはインライン要素</p>
  <p>記述すると反映さるようになる</p>
</div>

#d1{
  height:150px;
  background-color:silver;
  margin-bottom:5px;
  
  vertical-align:middle;
}
#d2{
  height:150px;
  background-color:silver;
  margin-bottom:5px;
  /* テーブルセルを指定 */
  display:table-cell;
  /* 中央揃えを設定 */
  vertical-align:middle;
}