JSFiddle - React, Tailwind, and code Playground

by Ken Watanabe

HTML

<div id="text" class="s01">STACK</div>
<div id="text" class="s02">STACK</div>
<div id="text" class="s03">STACK</div>
<div id="text" class="s04">STACK</div>
<div id="text" class="s05">STACK</div>
<div id="text" class="s06">STACK</div>

CSS

#text {
    font-family:"helvetica";
    font-weight: bold;
    font-style: normal;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0.2em;
    height: auto;
}
#text.s01 {
    font-size: 1000%;
}
#text.s02 {
    font-size: 600%;
}
#text.s03 {
    font-size: 300%;
}
#text.s04 {
    font-size: 150%;
}
#text.s05 {
    font-size: 80%;
}
#text.s06 {
    font-size: 30%;
}