JSFiddle - React, Tailwind, and code Playground

by swfour

HTML

<div class="category-item"> <span class="input-container">
        <input type="checkbox"/>
     </span>

</div>

CSS

.category-item {
    display: table;
    border: 1px solid #cccccc;
    margin: 0;
    padding: 0;
}
.category-item .input-container {
    display: table-cell;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
}
.category-item .input-container input {
    margin:-1px 0 1px 0;
    padding: 0;
    vertical-align: middle;
}