div.or.kr이 ofcourse 로 이전 될 예정입니다.
새로운 강의로 보기
text-align 속성

개요

text-align 속성은 텍스트의 정렬 방향을 의미한다.

left : 왼쪽 정렬
right : 오른쪽 정렬
center : 중앙 정렬
justify : 자동 줄바꿈시 오른쪽 경계선 부분이 정리 (양쪽 정렬)

사용법

#box1 { text-align:right; }
#box2 { text-align:left; }
#box3 { text-align:center; }

예제

<html>
<head>
    <style>
        #box1 { width:100px; text-align:right; }
        #box2 { width:100px; text-align:left; }
        #box3 { width:100px; text-align:center; }
    </style>
</head>
<body>
    <div id="box1">오른쪽 정렬</div>
    <div id="box2">왼쪽 정렬</div>
    <div id="box3">중앙 정렬</div>
</body>
</html>
출력 결과:
오른쪽 정렬
왼쪽 정렬
중앙 정렬