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;
}