JSFiddle - React, Tailwind, and code Playground

HTML

<div class="con"><div class="item-input-inset">
    <label class="item-input-wrapper"> Date
        <input type="text" placeholder="Text Area" />
    </label>
</div>
<div class="item-input-inset">
    <label class="item-input-wrapper"> Suburb
        <input type="text" placeholder="Text Area" />
    </label>
</div></div>

CSS

html, body, .con {
    height:100%;
    width:calc(100% - 4px);/* show off :) */
    margin:0;
    padding:0;
    
}
label {
    display:inline-block;
    border:1px solid red; /* just to display outline */
    width:100%;
    font-weight:bold;
}

input{
    float:right;
    width:80%
}