JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clearfix">
    <div class="esquerda breadcrumbs">Breadcrumbs</div>
    <div class="direita">
        <select name="filtro" id="filtro">
               <option value>Selecione um Filtro</option>
               <option value="1">Popularidade</option>
               <option value="2">A-Z</option>
               <option value="3">Z-A</option>               
        </select>
    </div>
    <div class="direita">Ordenar por:</div>
</div>

CSS

.esquerda {
    float: left;
}

.direita {
    float: right;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
   content: "";
   display: table;
   border-collapse: collapse;
}
.ui-helper-clearfix:after {
   clear: both;
}
.ui-helper-clearfix {
   min-height: 0; /* support: IE7 */
}