なんらかの要素を画面の中央に配置したい、ということはしばしばあります。 水平方向 (横方向) の中央揃えは CSS の text-align: center を使ったり、ブロック要素ならば margin: auto を使ったりして簡単に実現できますが、垂直方向 (縦方向) の中央揃えはちょっと悩むところです。 昔は table 要素などを使って実現したりしていましたが、表を表示したいわけでもないのに table 要素を使うのはよくないので、ここでは CSS を使って垂直方向の中央揃えを行う方法を説明します。 display: table-cell を使って垂直方向の中央揃えをできるようにする 縦方向の中央揃えをするために CSS を調べていてまず見つけるのは vertical-align プロパティだと思います。 しかしながら、vertical-align プロパティを使って中央揃えを実現