JSFiddle - React, Tailwind, and code Playground

CSS

input[type="checkbox"], label {
    float: left;
    line-height: 1.6em;
    height: 1.6em;
    margin: 0px 2px;
    padding: 0px;
    font-size: inherit;
}

input[type="checkbox"] {
    clear: left;
}

JavaScript

var font = 10,
    html = '';

for ( i = 0; i < 20; i++ ) {
    html += ''
        + '<div style="font-size:'+ font +'px">'
            + '<input type="checkbox" id="'+ i +'"></input><label for="'+ i +'">Test</label>'
        + '</div>';
    
    font += 2;
}

document.body.innerHTML = html;