JSFiddle - React, Tailwind, and code Playground

by davenkin

HTML

<div id="box1">
    <span id="span1">test text sample1</span>
    <div id="box2">
        <span id="span2">test text sample2</span>
        <div id="box3">
            <span id="span3">test text sample3</span>
            <div id="box4">
                <span id="span4">test text sample4</span>
            </div>
        </div>
    </div>
</div>

CSS

#span1 {
font-size:1em;
}

#span2 {
font-size:1.2em;
}

#span3 {
font-size:.8em;
}

#span4 {
font-size:1.6em;
}