JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="avaliacao">
  <li>
    <div class="left">
      <i class="glyphicon glyphicon-ok">LIKE</i>
    </div>
    <div class="right">
      <h2>Nakia Case</h2>
      <p>32 anos - Feminino. - Insc. em: 15/05/17 - SĂŁo Bernardo do Campo/SP</p>
    </div>
  </li>
</ul>

CSS

.left{width: 10%; float: left; border: 1px solid black;}
.right{max-width: 90%; float: left; border: 1px solid black;}
.avaliacao{list-style: none;}
.avaliacao i{border-radius: 50em; width: 30px; height: 50px; border: 1px solid #09f;}
.avaliacao h2{margin: 0; padding: 0;}
.avaliacao p{margin: 0; padding: 0;}