文系未経験プログラマ

忘れてもいいように書く

vertical-alignとtext-alignの違い

【前提知識】
・vertical-align:縦方向の位置決めに使用する
・text-align:水平方向(つまり横方向)の位置決めに使用する

 

【本題】
・vertical-alignは、インライン要素とテーブルセルにしか使用できない


・text-alignは、ブロックレベル要素内のテキストとインラインレベル要素の位置を決めるのに使用できる

 

【感想】
・text-alignは微妙に動作がイメージしにくい

 

【参考】

text-alignの違い

text-align-スタイルシートリファレンス

CSS text-align property

 

vertical-alignの違い

vertical-align-スタイルシートリファレンス

CSS vertical-align property