JSFiddle - React, Tailwind, and code Playground

by poztin

HTML

<div class="dateRange">
    <span class="dateRange_label">
        Enquiries From:
    </span>
    <span class="dateRange_picker">
        Picker1
    </span> 
</div>
<div class="dateRange">
    <span class="dateRange_label">
        Enquiries To:
    </span>
    <span class="dateRange_picker">
        Picker2
    </span>     
</div>

CSS

.dateRange
{
    overflow:hidden;
    white-space:nowrap; 
}

.dateRange_label
{
    border:1px solid blue;
    width:110px;
    text-align:right;
    margin-right:4px;
    display:inline-block;
}

.dateRange_picker
{
    border:1px solid green;
    display:inline-block;
}