[텍스트 스타일]03. vertical-align, text-align, word-break

*vertical-align

 

- 홈페이지를 만들다가 border 안에 이미지를 넣는데 이미지 아래쪽에 공백이 생길경우

이렇게 이미지 아래쪽에 공백이 생김.

 

그럴때 vertical-align: top; 사용

공백 없어짐

 

*text-align

justify: 양쪽 정렬을 해준다.

하지만 이때 단어나 문단의 간격이 넓어지거나 떨어지게 된다.

 

*word-break

justify로 정돈 되지 않은 문장들을 정돈 시켜준다.

word-break: break-all;