JSFiddle - React, Tailwind, and code Playground

HTML

<span class="checkboxOfField">
        <input style="text-align: center; vertical-align: middle" type="checkbox" /></span>

CSS

.checkboxOfField
        {
            display: inline-block;
            width: 100%;
            background-color: red;
            height: 40px;
            line-height: 40px;
        }