Align lines of text to center in SVG

Question

I need to output multiple lines of text in SVG. For that I\'m using the following scheme:

   First line 
  

        

Answer 1

If you add text-anchor="middle" to each tspan you will center them (you have to remove the space between the tspans as well, otherwise the extra space will be considered as part of the first line and they won't be completely centered).

For example:

See: JSFiddle