text-align

text-alignは、横方向の位置揃えを指定するスタイルです。

解説

テキストの横方向の表示位置を左寄せ、左右中央寄せ、右寄せから指定できます。

縦方向の表示位置を指定したい場合は、vertical-alignスタイルを使用してください。

構文は以下になります。

text-align: 値;

text-alignには以下の値が指定できます。

値	説明
left	左寄せにする（例）text-align:left;
center	左右中央寄せにする（例）text-align:center;
right	右寄せにする（例）text-align:right;
start	ラインボックスの始端にする（例）text-align:start;
end	ラインボックスの終端にする（例）text-align:end;

太字の値は初期値です。


.sample01 {
  text-align:left;
}


<div class="sample01">hoge</div>

hoge


.sample02 {
  text-align:center;
}


<div class="sample02">hoge</div>

hoge


.sample03 {
  text-align:right;
}


<div class="sample03">hoge</div>

hoge