How to get the icon in the link?

<a class="nav-link" :href="route">{{text}} <i class="far fa-arrow-alt-circle-right"></i></a>

which icon high
how to combine needle center with the center of the word?
April 7th 20 at 11:01
3 answers
April 7th 20 at 11:03
.arrow-right {
 top: 1.5 px;
 position: relative;
April 7th 20 at 11:05
all throw in flex and there to align. or Bang the indentation of the text or the icon.
April 7th 20 at 11:07
1. flex
2. wrap text in a span and set
.nav-link span, .nav-link i {
display: inline-block;
vertical-align: middle;
<a class="nav-link" :href="route"><span>{{text}}</span> <i class="far fa-arrow-alt-circle-right"></i></a>

got rid of caches, no change - winston commented on April 7th 20 at 11:10

Find more questions by tags CSS