화면을 넘어갈 때 강제 개행 CSS

이런식으로 특정 css를 설정해두고 실행을 시켜보았는데 한번씩 

width를 넘어서서까지 overflow가 되어 x축에 스크롤이 생기는 것을 볼 수 있다.

.content {

width: 100%;

font-size: 12px;

text-align: left;

color: #4a4a4a;

}

이때는 

word-wrap: break-word;

를 추가하면 width에 맞게 overflow가 x축에서 일어난다면 강제 개행을 시켜준다.