JSFiddle - React, Tailwind, and code Playground

HTML

<div id="d1">
	<label for="male">Male</label>
	<input type="checkbox" name="sex" id="male" />
</div>
<div id="d2">
	<label for="female">Female</label>
	<input type="checkbox" name="sex" id="female" />
</div>

CSS

* {
    margin: 0;
    font-family: Arial ;
}
#d1 {
    height: 30px;
    line-height: 30px;
}
label {
    height: 30px;
    line-height: 30px;
}