Lunghezza bordo inferiore

[fermat]

ciao!

io ho questo pezzetto dfi html impostato così:

<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??

[KillerWorm]

Ciao, di default un div si estende già per tutto lo spazio disponibile. Ciò che lo fa collassare è la proprietà float; dovresti quindi toglierla dal div. A quel punto bisogna capire come si posiziona l'icona rispetto al div ed eventualmente intervenire in qualche modo per correggerne la posizione.

[fermat]

ciao!

apparantemente ho risolto cosi:

<div class="col-md-4 col-sm-12 p-3">
    <div class="float-left" style="width: 10%;">
        <i class="fas fa-utensils"></i>
    </div>
    <div class="float-left" style="width: 90%;">
        <p class="border-bottom">TITOLO</p>
    </div>
</div>

in sostanza dando le misure in percentuale.