I'm translating an #svg figure for a #Wikipedia article. I have an alignment problem due to the #font being not available everywhere. Is there a way to right-align text boxes independently of the actual font being used? I want them to remain editable as text. I'm using #inkscape.

This is the file's page: https://commons.wikimedia.org/wiki/File:HarmCausedByDrugsTable.svg#%7B%7Bint%3Afiledesc%7D%7D
In my browser (Chrome on Ubuntu), the text is misaligned (image 1). Image 2 is the screenshot of the relevant SVG code.

From what I can gather, text-anchor:end is indeed what we want to ensure right-alignment but it's not working. Any idea on how to make this work?