JSFiddle - React, Tailwind, and code Playground

by Gabriele Petrioli

HTML

<div class="body">
    <div class="why-not-twenty-px">nor<span class="smaller">&bull;</span>mal</div>
    <div class="why-not-sixty-px">multiline multiline multiline multiline multiline multiline <span class="smaller">&bull;</span> multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline multiline</div>
</div>

CSS

body {
    line-height: 20px;
    font-size: 14px;
}
.smaller {
    line-height:1;
    font-size: 0.9em;
    vertical-align: middle;
}