JSFiddle - React, Tailwind, and code Playground

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
{
    font-size: 0.9em;
     vertical-align: middle;
}