左右の位置 text-align: left, center, right 上下の位置 vertical-align: top, middle, bottom
text-align: left; vertical-align: top; |
text-align: center; vertical-align: top; |
text-align: right; vertical-align: top; |
text-align: left; vertical-align: middle; |
text-align: center; vertical-align: middle; |
text-align: right; vertical-align: middle; |
text-align: left; vertical-align: bottom; |
text-align: center; vertical-align: bottom; |
text-align: right; vertical-align: bottom; |
(2015/01-2024/03) 動作: Edge120, Firefox120, Chrome119 ◎ノート ・td の display の値は display: table-cell; になっています。 display: block; ではない点に注意。td タグ専用の値です。 ・vertical-align は td タグや display が inline (span タグなど) や inline-block (img タグなど) の要素で指定できます。 block 要素 (div タグ, p タグなど) では使えない点に注意。 MDN: vertical-align