Comment la position du texte sur la Police Génial icône?

Est-il un moyen pour aligner le texte verticalement empilés sur le dessus d'une Police Génial icône? Je voudrais déplacer le #1 dans cette pile de façon à ce qu'il soit centré dans la coupe du trophée de l'icône. J'ai essayé d'ajouter en bas de la marge et du bas-rembourrage dans la durée qui encapsule le #1, mais ni l'un a fait le tour. Est-il un moyen facile de faire ce que je suis en train d'accomplir, ou dois-je passer par un autre itinéraire?

<span class="fa-stack fa-3x">
  <i class="fa fa-trophy fa-stack-2x"></i>
  <span class="fa fa-stack-1x" style="color:red;">
    <span style="font-size:35px;">
      #1
    </span>
  </span>
</span>

http://jsfiddle.net/wc2jP/

OriginalL'auteur Mandiana | 2014-03-25

  1. 9

    Ajouter display:block; margin-top:-20px; le #1 <span> balise comme ceci:

    http://jsfiddle.net/wc2jP/1/

    Vous êtes génial. Il a été me rend fou. Merci beaucoup! 🙂

    OriginalL'auteur Chris Bornhoft

  2. 3

    Une couple de mois après avoir posé cette question, l'équipe de la Police Génial blogué à ce sujet avec des exemples à l'aide de leur calendrier, de commentaires, et des icônes de fichiers: L'empilement de Texte et des Icônes

    OriginalL'auteur David McClelland

  3. 0

    vous pouvez utiliser line-height bien ainsi avec display:inline-block.

    span{
vertical-align:top; 
display:inline-block; 
line-height:1.6em;
}

    Ici est le Travail Démo.

    OriginalL'auteur Kheema Pandey