pre 자동줄바꿈

<pre> 태그 안에 긴 텍스트를 넣을 경우 정해진 가로 길이에 도달하면

자동으로 줄바꿈이 되지 않는 경우가 있다.

word-break: break-all; 
wrod-wrap:break-word;

별짓을 다해보지만 가끔 안된다..

/* Browser specific (not valid) styles to make preformatted text wrap */
pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

이걸 추가해주면 잘 되신다.

출처 : https://css-tricks.com/snippets/css/make-pre-text-wrap/