Sample demo: [JSFiddle](http://jsfiddle.net/ES225/)

```html
<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?