JSFiddle - React, Tailwind, and code Playground

HTML

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

CSS

.test {
    width:200px;
}

.test label {
    display: block;
    padding-left: 1em;
    text-indent: -1.5em;
}