ciao!

io ho questo pezzetto dfi html impostato così:
codice:
<div class="col-md-4 col-sm-12 p-3">
     <i class="fas fa-utensils float-left mr-2"></i>
    <div class="float-left border-bottom">
        <p>TITOLO</p>
    </div>
</div>
ho vari di questi di dentro ad un ciclo.
nel div interno devo impostare un border-bottom che arrivi fino alla fine di quello genitore.
mentre l'icona non deve averlo.

al momento, giustamente, il bordo arriva fino a dove finisce la parola.
come faccio ad estenderlo??