CSS코딩 text-align 텍스트 배열정하기(왼쪽 left, 가운데 center, 오른쪽 right 등 justify)

텍스트 정렬 옵션중에 텍스트를 일정한 가로 사이즈 영역안에서 적절히 배치되게 하고자 할때 사용하는 CSS 코드를 소개합니다.

 

보통은 text-align: 형식으로 선언을 하는데요.

예를 들어 text-align:left;  으로 선언했다고 하면 모든 텍스트 들은 왼쪽 정렬이 됩니다. 그리고 text-algin:center; 으로 선언했다면 가운데 정렬로 텍스트가 배치됩니다. 그러나 기본 왼쪽 정렬이면서 적절히 글자 배치가 되도록 하고자 한다면 justify 를 해주면 됩니다.

 

즉, text-align:justify; 으로 선언하면 보기 좋게 텍스트가 정렬됩니다~^^

 

추가적으로 말씀드리면 text-align:right; 으로 선언하면 오른쪽 정렬입니다. 번외로 text-align:inherit 으로 선언한다면 부모 객체의 텍스트 정렬 속성값을 따라서 정렬된다는 의미입니다. 아마도 이것은 거의 사용하지는 않을것 같네요^^ 참고로 알아두세요~*^^*