How can I overlay a number on top of a FontAwesome glyph?

Question

How can I overlay a number between 0 and 99 in the middle of \'icon-star-empty\'?

Answer 1

You css should look something like:

.contain-i-e-s,.icon-empty-star,.text-i-e-s{
  height:100px; width:100px;
}
.contain-i-e-s{
  position:relative;
}
.text-i-e-s{
  text-align:center; position:absolute;
}

Your HTML might look like:

  
  
99