Having some trouble positioning my reply icon from Font Awesome next to my heart icon. No matter what I try, it ends up stuck in the corner of my div. I've experimented with various methods like vertical-align: middle
but nothing seems to work in my case.
This is what my div currently looks like:
<div class="bubble sender first animate-bottom">
<li class = "display" style = "color = white"> tkjfjk fjkg gfkjgdj gjkd reyk gklfg kgldg gfdklgd gkdlgd way
<i class="fas fa-heart liked" aria-hidden="true"&glt;</i> <sub>6</sub>
<i class="fa fa-reply reply" aria-hidden="true"></i>
</li>
<br>
<span>
Despite the logical placement, the icon refuses to cooperate. Any assistance on this issue would be greatly appreciated.
For the JS Fiddle, please visit: https://jsfiddle.net/eam6yq28/