간단한 태그지만 컨텐츠의 내용 작성시 문단을 아름답게 꾸밀 수 있는 유용한 태그입니다. 잘 알아두시고 자주 사용하도록 하십시요. 홈페이지 방문자에게 문장을 아름답게 보여 정돈 된 홈페이지란 느낌을 줄 수 있을 것입니다.
[출처] [태그분석] 문단 양쪽끝 정렬 및 줄 간격 조절|작성자 스파이크
1. 문단의 양쪽끝을 정렬시켜 주는 소스
<p align="justify">웹 문서를 작성하다 보면 한문단이 몇줄씩이나 되죠? 그런데 문단을 보면 왼쪽은 똑바로 정렬되는데 오른쪽은 삐뚤삐뚤 해진 것을 볼 수 있습니다. 신경 안쓰면 상관없겠지만, 그래도 눈에 거슬릴 수 있습니다. 이때 문단을 이 태그안에 넣어서 묶어 보세요. 깨끗하게 좌우 정렬이 됩니다. <p style="line-height: 150%;">문단내용을 웹문서에서 일반태그로는 줄간격을 조절할 수가 없습니다. 줄간격이 조밀해서 문단이 답답해 보인다면 스타일 시트를 써서 간단하게 문단의 줄간격을 조절할 수 있습니다. 이 태그안에 넣어서 묶어주면 줄간격이 150%가 됩니다. 적용하지 않은 경우: 문단내용을 웹문서에서 일반태그로는 줄간격을 조절할 수가 없습니다. 줄간격이 조밀해서 문단이 답답해 보인다면 스타일 시트를 써서 간단하게 문단의 줄간격을 조절할 수 있습니다. 이 태그안에 넣어서 묶어주면 줄간격이 150%가 됩니다 적용한 경우: 문단내용을 웹문서에서 일반태그로는 줄간격을 조절할 수가 없습니다. 줄간격이 조밀해서 문단이 답답해 보인다면 스타일 시트를 써서 간단하게 문단의 줄간격을 조절할 수 있습니다. 이 태그안에 넣어서 묶어주면 줄간격이 150%가 됩니다.
적용하지 않는 경우: 웹 문서를 작성하다 보면 한문단이 몇줄씩이나 되죠? 그런데 문단을 보면 왼쪽은 똑바로 정렬되는데 오른쪽은 삐뚤삐뚤 해진 것을 볼 수 있습니다. 신경 안쓰면 상관없겠지만, 그래도 눈에 거슬릴 수 있습니다. 이때 문단을 이 태그안에 넣어서 묶어 보세요. 깨끗하게 좌우 정렬이 됩니다.
적용한 경우: 웹 문서를 작성하다 보면 한문단이 몇줄씩이나 되죠? 그런데 문단을 보면 왼쪽은 똑바로 정렬되는데 오른쪽은 삐뚤삐뚤 해진 것을 볼 수 있습니다. 신경 안쓰면 상관없겠지만, 그래도 눈에 거슬릴 수 있습니다. 이때 문단을 이 태그안에 넣어서 묶어 보세요. 깨끗하게 좌우 정렬이 됩니다.
2. 문단의 줄 간격을 조절
