JSFiddle - React, Tailwind, and code Playground

HTML

<div class="test">
    <input type="checkbox" id="2question1" name="2question" title="Merknaam 1" />
    <label for="2question1">Very long text which is wrapped on the next line</label>
    <input type="checkbox" id="2question2" name="2question" title="Merknaam 2" />
    <label for="2question2">Merknaam 2</label>
    <input type="checkbox" id="2question3" name="2question" title="Merknaam 3" />
    <label for="2question3">Merknaam 3</label>
    <input type="checkbox" id="2question4" name="2question" title="Merknaam 4" />
    <label for="2question4">Merknaam 4</label>
</div>

CSS

.test {
    width:200px;
}

input {float: left; clear: left; margin-top: 3px;}
label {display: block; overflow: hidden;padding-left: 8px;}