JSFiddle - React, Tailwind, and code Playground

HTML

<div style="font-size: 10.0px">10.0 12345678901234567890</div>
<div style="font-size: 10.1px">10.1 12345678901234567890</div>
<div style="font-size: 10.2px">10.2 12345678901234567890</div>
<div style="font-size: 10.3px">10.3 12345678901234567890</div>
<div style="font-size: 10.4px">10.4 12345678901234567890</div>
<div style="font-size: 10.5px">10.5 12345678901234567890</div>
<div style="font-size: 10.6px">10.6 12345678901234567890</div>
<div style="font-size: 10.7px">10.7 12345678901234567890</div>
<div style="font-size: 10.8px">10.8 12345678901234567890</div>
<div style="font-size: 10.9px">10.9 12345678901234567890</div>
<div style="font-size: 11.0px">11.0 12345678901234567890</div>

CSS

div {
    font-family: monospace;
    border-right: 1px solid black;
    float: left;
    clear: both;
}