속성값 중에서 justify가 조금 생소할 수 있어서 예제로 살펴보겠습니다.
06/02/text-align.html
<style>
p{
text-align:justify;
}
</style>
</head>
<body>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Autem, error! Id dolore officiis commodi est ad enim earum magnam possimus assumenda velit qui dignissimos eos nihil mollitia distinctio.</p>
</body>
그림 6-12 실행결과
코드를 실행하면 그림처럼 텍스트가 양쪽 정렬됩니다. 단, 정렬 기준이 양쪽이다 보니 웹 브라우저 크기에 맞춰 텍스트와 텍스트 사이의 간격을 임의로 늘려서 표시합니다. 웹 브라우저 크기를 바꿔 보면서 이 점을 확인해 보고 실제로 사용할 때 유의하기 바랍니다.