Text over ionicon


Is there a pretty way to put text exacty in front of an icon ? I’m using ion-calendar and wanted to put the day number over the calendar. I actually use position absolute hacks but it’s not beautiful and some browsers renders weird things.


You’ll probably need to post a CodePen sample. It’s hard to imagine how to fix the problem unless we can actually see it.


Put the icon and the text inside a div with position relative, then put the text with position absolute and play with “top” and “left” atributes.

It should work perfectly on all mejor mobile browsers, and (if its well done) on desktop browsers too.
The Render problems may be for the font-size used in the icon