pre tag안에서 줄바꿈 wrap처리

1. word-break: normal;
2. word-break: break-all; 
3. text-overflow: clip;
4. white-space:normal;
5. overflow-wrap: break-word;

등등.. 다해봐도 안됐는데 pre태그는 white-space:pre-wrap을 써야한다. 

pre {
    white-space: pre-wrap;       /* Since CSS 2.1 */
    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://stackoverflow.com/questions/248011/how-do-i-wrap-text-in-a-pre-tag