JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.p1 {
    letter-spacing : 0.1em;
}
.p2 {
    letter-spacing : -0.1em;
}
.p3-1 {
    width: 230px;
    background-color: #eee;
    text-align : justify;
}
.p3-2 {
    width: 230px;
    background-color: #eee;
    letter-spacing : 0.1em;
}
.p3-3 {
    width: 230px;
    background-color: #eee;
    text-align : justify;
    letter-spacing : 0.1em;
}