Bad allignment verticale avec fontawesome

Question

Je suis rendu le composant suivant:

<a id="ember527" class="ember-view" href="#/billing"><i class="icon-euro icon-2x"></i>&nbsp;&nbsp;Billing</a> 

Un il montre comme ceci:

L'icône est alligned avec le texte, mais je voudrais qu'il être centré verticalement. Est-ce possible?

EDIT: jetez un oeil à ce jsfiddle

Answer 1

ajouter ceci à votre fichier css:

.icon-euro { 
    vertical-align:middle; 
} 

Answer 2

Vous pouvez essayer en mettant à l'icône de la propriété display: block; et `float: left ;.

Si pour d'autres besoins, vous devez également ajuster l'alignement vertical "Facturation", vous pouvez l'insérer dans une travée et lui donner le même "affichage: bloc"; propriété.

Ensuite, jouer avec les marges supérieure et vous êtes ok;)

Hope it helps, bonne chance!