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; 
}