<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;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.