JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
		<form>	
            <div class="wrapper">
                <label>xyz:</label>
                <div class="item">
                    <input type="text" class="txt" name="description" id="description" />
                    
                </div>
                <div class="buttons">
                    <button>A</button>
                    <button>B</button>
                </div>
            </div>
            <br clear="all" />
        </form>
    </div>

CSS

.wrapper {
    display:table;
    width:100%;
}
p {
    display:table-row;
    width:100%;
}
label {
    display: table-cell;
    width: 40px;
    float: left;
}
.item {
    display: table-cell;
    width: 100%;
    padding:0 10px;
}
input {
    width:100%;
}
.buttons {
     width: 65px;
    float: right;
    display: table-cell; 
}
button {
    width:30px;
}
}