JSFiddle - React, Tailwind, and code Playground

HTML

<div><br><br><div>
<h2><label for="a">Header</label> <input type="checkbox" name="header" id="a" value="Header" checked></h2>

CSS

h2{
    border: 1px solid black;
    border-radius: 8px;
    width: 100%;
    
}
input{
    position:absolute;
    width:100%;
    height:28px;
    left:-10px;
}