JSFiddle - React, Tailwind, and code Playground

HTML

<ul>        
    <li>
        <input type="checkbox" value="1" name="test[]" id="myid1">
        <label for="myid1"> label1  label1  label1  label1  label1  label1  label1  label1  label1  label1  label1  label1  label1  label1               </label>
    </li>
    <li>
        <input type="checkbox" value="2" name="test[]" id="myid2">
        <label for="myid2">label1</label>
    </li>
</ul>

CSS

li {
    margin: 5px;
}

input {
    width: 20px;
    background-color: blue;

    position: relative;
    left: 200px;

    vertical-align: middle;
}

label {
    width: 200px;
    background-color: red;

    position: relative;
    left: -20px;

    display: inline-block;
    vertical-align: middle;
}