• vertical-alignはブロック全体を上下中央に配置するプロパティではない

  • vertical-alignが効かない原因は、普通のblock要素へ指定していることです。inline-level、line-height、table-cellを目的に応じて使い分けます。