User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:63.0) Gecko/20100101 Firefox/63.0 Steps to reproduce: 1. Open https://stripe.com/docs/billing/subscriptions/prorations#previewing-proration There's an "[API]" svg from a `a[href^="/docs/api"]::after` selector (file https://stripe.com/assets/compiled/css/sprockets-css-v3/documentation/base-9dc561f05ade4577d5fb.min.css) Actual results: The SVG is rendered at the wrong place. In addition, the position is unstable as you zoom in and zoom out, i.e. if you press Ctrl-+ a few times to zoom in, then reset with Ctrl-0 to reset the zoom, the svg can appear in a slightly different place. Expected results: The SVG should be (stably) rendered right after the phrase "upcoming invoice API".

Note how the [API] SVG moves to a different (but still incorrect) position after zooming in a few times and resetting the zoom.

It appears that this bug is triggered when the <a> element spans multiple lines (either because of automatic line wrapping, or through an explicit <br> in the middle of the text inside the <a></a> pair.

Might be related to (or even a duplicate of #1449079). Although that one deals with a `::before` selector and a png icon.

Thanks! This looks like an exact duplicate of bug 1499027. The kind of background used seems unrelated.