JSFiddle - React, Tailwind, and code Playground

HTML

<div id="pullthrough-control-panel">
        <div class="float-l right-text" id="pullthrough-range-panel">
            <h3 class="center-text">Date Range</h3>
            Start: <input type="date" name="rangestart" /><br />
            End: <input type="date" name="rangeend" />
        </div>
    </div>

CSS

.float-l{
    float: left;
}

.right-text{
    text-align: right;
}

.center-text{
    text-align: center;
}

#pullthrough-control-panel{
    height: 6em;
    padding: .25em;
}