John Mirage• 1,590
@john-mirage
Posted
Hello,
A solution to align 2 elements in a row is to use flexbox
<div class="row">
<svg class="icon"></svg>
<p class="text"></p>
</div>
.row {
display: flex;
flex-direction: row;
align-items: center;
}
The svg and the p will be vertically aligned.
Marked as helpful
0
David Oluremi• 100
@VectorGits
Posted
Thanks a lot for this insight, I really appreciate it and have learnt from it @john-mirage
0