JSFiddle - React, Tailwind, and code Playground

by Tiago Antonio Jacobi

HTML

<div class="divB">
    <input type="checkbox" class="inputC"></input>
    <span class="spanA">teste</span>
    <span class="spanB"><input type="text" class="inputJ"></input></span>
</div>

CSS

.divB {
    display: inline-block;
    width: 100%;
    background: red;
}

.inputC, .spanA {
    float: left;
}

.spanB {
    display: block;
    overflow: hidden;
    padding: 0 4px 0 6px;
    margin-right: 3px;
}

.inputJ {
    width: 100%;
}