text-align プロパティ

プロパティ text-align は、テキストの配置を設定します：左揃え、右揃え、中央揃え、または両端揃え。

構文

セレクタ {
	text-align: center | left | right | justify | auto | start | end;
}

値	説明
`center`	テキストは中央揃えになります。
`left`	テキストは左揃えになります。
`right`	テキストは右揃えになります。
`justify`	テキストは両端揃えになります（左右の両端で揃える）。
`auto`	要素の配置を変更しません（デフォルト値）。
`start`	テキストの方向が左から右の場合は `left` と等しく、右から左の場合（アラビア語など）は `right` と等しくなります。
`end`	テキストの方向が左から右の場合は `right` と等しく、右から左の場合は `left` と等しくなります。

デフォルト値: auto。多くの場合、デフォルトではテキストは左揃えになります（アラビア語では右揃え）。ただし、例外もあります。例えば、th タグ内のテキストは中央揃えになります。

<p>
	some long text
</p>

p {
	text-align: left;
	width: 400px;
}

<p>
	some long text
</p>

p {
	text-align: right;
	width: 400px;
}

<p>
	Lorem ipsum dolor sit amet.
</p>

p {
	text-align: center;
}

<p>
	some long text
</p>

p {
	text-align: justify;
	width: 400px;
}