Does anyone have a good solution for this letter-spacing bug? Basically if you have an inline element inside of an element that is either floated, or inline-block, and there is a letter-spacing applied to either of the elements, they’re different sizes.
Codepen – http://codepen.io/anon/pen/vDKyl
You can see that the P
is 1px larger than the SPAN
. I know this has to do with sub-pixel values, because if you set the letter-spacing to 1px, then the problem disappears. All my font-sizes are in ems, so it would be weird to have the letter-spacing in px.