JSFiddle - React, Tailwind, and code Playground

by Harisankaran Parameswaran

HTML

<p id='spacing_normal'>Normal Spacing - abcd</p>
<p id='spacing_px'>Spacing in px - abcd</p>
<p id='spacing_em'>Spacing in em - abcd</p>
<p id='spacing_em'>
    <span id='spacing_inherit'>Spacing inherited from parent - abcd</span>
</p>

CSS

p{
    display: block;
    border: 1px dashed black;
    background-color: #CCC;
    line-height: 25px;
}
#spacing_normal {
    letter-spacing: normal;
}
#spacing_px {
    letter-spacing: 5px;
}
#spacing_em {
    letter-spacing: 0.5em;
}
#spacing_inherit {
    letter-spacing: inherit;
}