Alignement vertical du texte et de l’icône dans le bouton

J’ai du mal à aligner verticalement une icône de police avec du texte dans un bouton sous le framework Bootstrap. J’ai essayé tellement de choses, y compris la définition de la hauteur de ligne, mais rien ne fonctionne.

 

http://jsfiddle.net/fPXFY/

Comment puis-je faire fonctionner ceci?

font-awesome.css une règle que vous devez remplacer.

Vous devez définir des remplacements dans vos fichiers CSS plutôt qu’inline, mais essentiellement, la classe icon-ok est définie sur vertical-align: baseline; par défaut et que j’ai corrigé ici:

  

Exemple ici: http://jsfiddle.net/fPXFY/4/ et dont le résultat est:

entrer la description de l'image ici

J’ai réduit la taille de police de l’icône ci-dessus à 30px , car elle est trop grande à 40px pour la taille du bouton, mais c’est purement un sharepoint vue personnel. Vous pouvez augmenter le remplissage du bouton pour compenser si nécessaire:

  

Produire: http://jsfiddle.net/fPXFY/5/ dont la sortie est:

entrer la description de l'image ici