How do I prevent text from falling off it's platform?

I’ll probably throw the towel in on this and just settle on padding-left 1px, unless someone else has a better solution.

You still haven’t explained the problem correctly. Are you talking about that 1px artefact overlapping the red border?

If so then it is there on both layouts. You just haven’t captured it properly in your screenshot.

Proof:

That image is taken from your js fiddle in chrome and shows the overlapping pixel. The blogspot example has the same overlapping pixel but in a different colour probably due to the thousands of css rules in that page (anti alias will change with box-shadow, border-radius, transform, zoom and many other properties too numerous to mention or indeed figure out).

You are seeing a problem that doesn’t exist and even if it did is of no consequence.

8 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.