[CSS] 양쪽 정렬

css의 문자 정렬의 속성을 보면

text-align : left (왼쪽 정렬), center(중앙정렬), right(오른쪽 정렬)을 주로 사용합니다. 

하지만 text-align: justify; 라는 속성 있는데 이는 문자를 양쪽으로 정렬해 주는 속성입니다.

양쪽 정렬이랑 문자를 영역 내부에 양쪽에 맞춰 정렬 할 때 사용합니다.

 

다만 여백이 있는 양쪽 정렬을 사용하려 한다면 

:after를 사용하여 공백을 추가해야 한다.

 

p{ 
	text-align: justify;
}

p:after{
	content: '';
  	display: inline-block;
  	width: 100%;
}