Steps to reproduce

1. In Firefox. load a Red Hat KB article, such as https://developers.redhat.com/articles/2023/02/06/how-improve-application-security-using-fortifysource3
2. Read the article names in right column and notice the arrow symbol → at the end of the lines.

Expected result

Article names that are long enough to word wrap should show the arrow symbol at the end of the second line, like in Chrome and Safari. See the attached Chrome screenshot.

Actual result

Article names that are long enough to word wrap render the arrow symbol on top of the first line of text. See arrow on top of the letters "io" in the word "fortification" in the attached Firefox screenshot.

This is not a regression. I can reproduce in Firefox versions from many years ago.

This is bug 489100, I think. The arrow is drawn as an absolutely-positioned ::after pseudo-element inside of a relatively-positioned inline-level <a> element.

here's the ::after element:

#rlc .rhd-c-lists__list-item h3 a::after {
	position: absolute;
	bottom: 5px;
	display: inline-block;
	width: 16px;
	height: 13px;
	margin-left: 4px;
	vertical-align: middle;
	content: "";
	background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIiBmaWxsPSIjMDZjIj48IS0tISBGb250IEF3ZXNvbWUgUHJvIDYuNC4yIGJ5IEBmb250YXdlc29tZSAtIGh0dHBzOi8vZm9udGF3ZXNvbWUuY29tIExpY2Vuc2UgLSBodHRwczovL2ZvbnRhd2Vzb21lLmNvbS9saWNlbnNlIChDb21tZXJjaWFsIExpY2Vuc2UpIENvcHlyaWdodCAyMDIzIEZvbnRpY29ucywgSW5jLiAtLT48cGF0aCBkPSJNNDM4LjYgMjc4LjZjMTIuNS0xMi41IDEyLjUtMzIuOCAwLTQ1LjNsLTE2MC0xNjBjLTEyLjUtMTIuNS0zMi44LTEyLjUtNDUuMyAwcy0xMi41IDMyLjggMCA0NS4zTDMzOC44IDIyNCAzMiAyMjRjLTE3LjcgMC0zMiAxNC4zLTMyIDMyczE0LjMgMzIgMzIgMzJsMzA2LjcgMEwyMzMuNCAzOTMuNGMtMTIuNSAxMi41LTEyLjUgMzIuOCAwIDQ1LjNzMzIuOCAxMi41IDQ1LjMgMGwxNjAtMTYweiIvPjwvc3ZnPgo=)no-repeat;
}