JSFiddle - React, Tailwind, and code Playground

by sallar

HTML

<p>Normal text</p>

<div class="parent">
    First Text.
    <div class="child">
        Second Text.
        <div class="second-child">
            Third Text
            <div class="third-child">
                Forth Text
            </div>
        </div>
    </div>
</div>

CSS

html{
    font: 1em/1.5 "Helvetica Neue", Arial, sans-serif;
}
.parent{
    font-size: 1.2em;
}
.child{
    font-size: 1.4em;
}
.second-child{
    font-size: 1em;
}
.third-child{
    font-size: 1rem;
}