JSFiddle - React, Tailwind, and code Playground

HTML

<p>normal <br />  이곳에서는 여러가지 css예제를 
    jsfiddle이라는 서비스를 이용하여 보여주고 있고, 
    직접 타이핑해서 수정해 볼 수도 있다. 
    자세한 jsfiddle사용법은                     생활코딩에서 참고하기 바란다.</p>
<p class="p1">pre <br /> 이곳에서는 여러가지 css예제를 
    jsfiddle이라는 서비스를 이용하여 보여주고 있고, 
    직접 타이핑해서 수정해 볼 수도 있다. 
    자세한 jsfiddle사용법은                     생활코딩에서 참고하기 바란다.</p>
<p class="p2">nowrap <br /> 이곳에서는 여러가지 css예제를 
    jsfiddle이라는 서비스를 이용하여 보여주고 있고, 
    직접 타이핑해서 수정해 볼 수도 있다. 
    자세한 jsfiddle사용법은                     생활코딩에서 참고하기 바란다.</p>

CSS

p {
    width: 400px;
    background-color: #eee;
}
.p1 {
    white-space: pre;
}
.p2 {
    white-space: nowrap;
}