JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <label>Tesfsdsdfsdfsdfsdfsfsfst</label>
    <input value="Value">
</div>

    
<div>
    <label>Long french label</label>
    <input value="Value">
</div>

CSS

div {
    border: 1px solid red;
    padding: 10px;
    width: 50%;
    margin: 20px auto;
    
    display: flex; /* ! */
}

label { 
    margin-right: 5px; 
    
    white-space: nowrap; /* ! */
}

input { width: 100%; /* ! */ }