JSFiddle - React, Tailwind, and code Playground

HTML

<span>
<input type='checkbox' disabled id='check1'>
<label for='check1'>Check</label>
    </span>
<br>
<span>
    <input type='text1' id='text1' disabled>
    <label for='check'>Text</label>
</span>

CSS

span {
    display: inline-block;
    overflow: hidden;
}
input {
    float: right;
}
label {
    float: left;
}
input:disabled {
    background:#dddddd;
}
input + label {
    float: none;
}
input:disabled+label{color:#ccc;}