【CSS】vertical-alignが効かないときに確認すること

縦方向の表示位置を整えてくれるスタイル「vertical-align」ですが、
横方向の「text-align」と比べて使用できる条件は限られています。

まずvertical-alignが使用できるのは
・インライン要素
・テーブル要素
のみです。divタグやpタグに、ただvertical-alignを指定しただけでは反映されません。

反映させるにはテーブル要素にしてしまいます。

それと、縦方向のサイズが指定されていなかったり、％で指定されていたりしても反映されません。
具体的なサイズで指定します。