JSFiddle - React, Tailwind, and code Playground

by abuhamzah

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<div class="form-inline">
    <div class="form-group">
        <form action="/SystemAdmin" id="form_header_pager" method="post" name="form_header_pager">
            <label for="PageSize">Rows per page:</label>&nbsp;
            <select class="form-control" data-val="true" data-val-number="The field PageSize must be a number." data-val-required="The PageSize field is required." id="PageSize" name="PageSizeSelect">
                <option selected="selected" value="10">10</option>
               
                <option value="25">25</option>
                <option value="50">50</option>
                <option value="ALL">ALL</option>
            </select>
        </form>
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group ">
        <span class="record-results"><strong>Total records:</strong>&nbsp; 0</span>
    </div>
    &nbsp;&nbsp;&nbsp;&nbsp;
    <div class="form-group">
        <form action="/SystemAdmin" id="form_header_show_records" method="post" name="form_header_show_records">
            <label for="showrecords">Show Records:</label>&nbsp;
            <select class="form-control" id="ShowRecords" name="showrecords">
                <option value="all">Show All Records</option>
                <option value="invalid">Show Invalid Records</option>
                <option value="valid">Show Valid Records</option>
            </select>
        </form>
    </div>
</div>

CSS

.record-results {
    display: inline-block;
    margin-bottom: -3px;
}