Text vertical align inside an anchor (<a>) tag

Question

Sample demo: JSFiddle

<h3><a class="myButton" href="#">Tell Me More &nbsp;&nbsp;<i class="fa fa-chevron-circle-right fa-2x"></i></a></h3>

As you can see in my JSFiddle, the text Tell Me More is not vertically center aligned.

How can I do that?

Answer 1

Demo Fiddle

Add this CSS content:

.fa
{
   vertical-align: middle;
}