JSFiddle - React, Tailwind, and code Playground

HTML

<input type="checkbox" 
name="theCheckbox" id="checkboxId"/>
   
<div id ="try">
       A<br/>
       B<br/>
       C
   </div>

CSS

#checkboxId{
    position:relative;
    vertical-align:middle; 
}

#try{  
    position:relative;
    display:inline-block;    
    vertical-align:middle; 
}