Placing text inside fontawesome icon

Viewed 12028

I would like to add some text to be stacked inside another icon. Here's my attempt:

  <!-- How should I style this to work properly with fa-1x and fa-5x ???? -->
  <span class="fa-stack fa-1x">
     <i class="fa fa-calendar-o fa-stack-2x"></i>
     <span class="fa fa-stack-1x">31</span>
  </span>

Are there any ways this would be correct position when using both fa-1x and fa-5x?

http://jsbin.com/opOwENe/3/edit

Larsi

1 Answers
Related