JSFiddle - React, Tailwind, and code Playground

by flackend

HTML

<div class="div1">
    div 1
    <div class="div2">
        div 2, is 100% is of its parent's font-size
    </div>
    <div class="div3">
        div 3, is 50% is of its parent's font-size
    </div>
</div>

CSS

.div1 {
    font-size: 32px
}

.div2 {
    font-size: 100%;
}

.div3 {
    font-size: 50%;
}