I am trying to place an icon at the bottom right of a link which spans multiple lines. The background-position of the background-image is not respected. Prince 14.3 renders the image at the first line of the multi line link, instead of rendering it on the last line.
HTML
CSS
See JSFiddle for example how browsers do render it correctly.
See attached image for the PDF result.
HTML
<h1>Test</h1>
<table>
<tr>
<td>Text with a link which spans multiple lines results in the background-image being rendered at the bottom right <a href="https://subdomain.longdomainname.com/this-is-a-super-long-url-which-spans-multiple-lines">https://subdomain.longdomainname.com/this-is-a-super-long-url-which-spans-multiple-lines</a></td>
</tr>
</table>
CSS
table,td {
border: 1px solid black;
width: 200px;
padding: 1em;
}
a {
text-decoration: none;
border-bottom: 0.15em solid black;
padding-right: 1em;
background-repeat: no-repeat;
background-position: bottom right;
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSIxMnB4IiB2aWV3Qm94PSIwIDAgMTEgMTIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+ZG93bmxvYWQ8L3RpdGxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9ImRvd25sb2FkIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPgogICAgICAgICAgICA8cGF0aCBkPSJNMTAuMzE4NjkzNywwIEw2LjM2NzExNzEyLDAgQzUuOTU4MzMzMzMsMCA1LjY4NTgxMDgxLDAuMjgyMzUyOTQxIDUuNjg1ODEwODEsMC43MDU4ODIzNTMgQzUuNjg1ODEwODEsMS4xMjk0MTE3NiA1Ljk1ODMzMzMzLDEuNDExNzY0NzEgNi4zNjcxMTcxMiwxLjQxMTc2NDcxIEw4LjY4MzU1ODU2LDEuNDExNzY0NzEgTDMuNDM3NSw2Ljc3NjQ3MDU5IEw0LjQ1OTQ1OTQ2LDcuNzY0NzA1ODggTDkuNjM3Mzg3MzksMi40IEw5LjYzNzM4NzM5LDQuOCBDOS42MzczODczOSw1LjIyMzUyOTQxIDkuOTA5OTA5OTEsNS41MDU4ODIzNSAxMC4zMTg2OTM3LDUuNTA1ODgyMzUgQzEwLjcyNzQ3NzUsNS41MDU4ODIzNSAxMSw1LjIyMzUyOTQxIDExLDQuOCBMMTEsMC43MDU4ODIzNTMgQzExLDAuMjgyMzUyOTQxIDEwLjY1OTM0NjgsMCAxMC4zMTg2OTM3LDAgWiIgaWQ9IlBhdGgiPjwvcGF0aD4KICAgICAgICAgICAgPHBvbHlnb24gaWQ9IlBhdGgiIHBvaW50cz0iOC45Mzc1IDEyIDAgMTIgMCAyLjgyMzUyOTQxIDQuMzMxMjUgMi44MjM1Mjk0MSA0LjMzMTI1IDQuMjM1Mjk0MTIgMS4zNzUgNC4yMzUyOTQxMiAxLjM3NSAxMC41ODgyMzUzIDcuNTYyNSAxMC41ODgyMzUzIDcuNTYyNSA3LjA1ODgyMzUzIDguOTM3NSA3LjA1ODgyMzUzIj48L3BvbHlnb24+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=);
}
See JSFiddle for example how browsers do render it correctly.
See attached image for the PDF result.