JSFiddle - React, Tailwind, and code Playground

by NunoMira

HTML

<div style="width:50%">
    <div style="display: table; width: 100%; white-space:nowrap;">
        <label style="display: table-cell">Grau de Formação</label>
        <span style="display: table-cell; width: 100%; padding: 0px 10px;">
            <input id="text" type="text" style="width: 100%;"/>
        </span>
    </div>
</div>

<p>

<div style="width:100%">
    <div style="display: table; width: 100%; white-space:nowrap;">
        <label style="display: table-cell">Grau de Formação</label>
        <span style="display: table-cell; width: 100%; padding: 0px 10px;">
            <input id="text" type="text" style="width: 100%;"/>
        </span>
    </div>
</div>

<p>
    
<div style="display: table; width: 100%;">
    <label style="display: table-cell">Grau de Formação</label>
    <span style="display: table-cell; width: 100%; padding: 0px 10px;">
        <input id="text" type="text" style="width: 100%;"/>
    </span>
</div>