JSFiddle - React, Tailwind, and code Playground

HTML

<div id="bola" class="alinhar"><h4 style="text-align: left; display:block">Bibliotecas</h4></div>
<div id="bola2" class="alinhar">
      <img src="http://culturalis.pt/wp-content/uploads/2015/06/circun.png" alt="curva" style="float:left; display:inline-block"/>
    <hr style="height:3px;width:100px;border-width:0;color:#D29E1D;background-color:#D29E1D;float:left"></hr>
</div>

CSS

#bola{
   float: left;
}

#bola2 {
     float: left;
     margin-top: 20px;
}