From a quick look at the file, I think it's Chrome that has the bug.

In your <svg> element is an xml:space="preserve" attribute. This means that white space in text content should be kept, rather than collapsed. Your text itself is then set on a line of its own, with tabs in front of it. So Inkscape is centring the whole string, including the tabs, making the visible text appear to move off centre.

You can confirm that the tabs (and some trailing white space) are present by repeatedly double-clicking on the text until you get a cursor, then using the arrow keys to move it beyond either end of the text. Pressing Ctrl-A in this mode will highlight the whole string, including the white space, so you can see its true extents.

One fix is to remove the attribute from the <svg> tag, but you might still get caught out with carriage returns and other characters that might not collapse as you expect. A better fix is to change the code from this:



to this:

I would guess that Inkscape doesn't support the alignment-baseline attribute. You might want to file a feature request for this, but it doesn't look like it's universally supported elsewhere either. For example, although Chrome supports it, Firefox doesn't - at least based on opening this page in both browsers:

https://developer.mozilla.org/en-US/doc ... t-baseline


One tip though - if you need help with alignment issues or similar problems in future, it would make things vastly simpler if your SVG file also includes some lines that cross where you expect the content to align to, otherwise it may not be immediately obvious to us what the problem actually is.