JSFiddle - React, Tailwind, and code Playground

by YangHax

HTML

<div class="default">
    height 3 em
</div>

<div class="different">
    height 3 em, 150% font
</div>

CSS

.default {
    display: inline-block;
    height: 3em;
    border: 1px solid black;
    margin: 10px;
}

.different {
    display: inline-block;
    height: 3em;
    border: 1px solid black;
    margin: 10px;
    font-size: 150%;
}

JavaScript

// em measure dependant on font