I have a fontawesome icon that I want to put a number on. The fact is that I've put the number but it differs a bit when you open it in safari and when you open it in firefox.
this would be Safari:
and this one from Firefox:
Here in the images, the effect is not seen too much but in Safari it is moved to the right more than in Firefox.
It's done like this:
i { font-size: 25px; }
.CalendarioNum { clear: left; font-weight:900; font-size: 13px; margin-left: -19px; color: #FFF; }<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">
<i class="fas fa-calendar"><span class="CalendarioNum">15</span></i> Is there any way for negative values to be interpreted equally by all browsers? It also happens to me with a div that one comes out on its site and the other one separated :(