Right caret is not vertical center align

[LBYL_FILMS]

Hello,

The caret to the right of the text is not vertically centered. When I try to add padding or a margin, it applies it to the text as well, which I dont want. Please see screenshot below. The url is: https://mcmahonforda.com Thank you

[ruenel]

Hi @LBYL_FILMS,

Thanks for writing in!

Please enclose your icon code in a span tag like this:

<span style="padding-top: 4px;"><i class="x-icon x-icon-caret-right" data-x-icon-s="&#xf0da;" aria-hidden="true"></i></span> 

Hope this helps.

[LBYL_FILMS]

Hello,
Thanks for you response. I added the code but it didnt work. Please advise. Thank you.

[christian]

Hey Salim,

Sorry for the incorrect suggestion. Please actually remove the span with padding. Then, this style attribute and value to your icon. You can see more info in the screencast in the secure note.

style="vertical-align: middle;"

If this text is going to be a link though, I’d recommend that you use the Button element instead.

Hope that helps.