Как отцентрировать текст в svg блоке?
text в svg имеет параметры , такие как x="" и  y=""
x="" это горизонтальная ось
y="" это вертикальная ось 
так вот  <text x="20" y="20"></text> сдвинет сам текст на 20 по оси х и на 20 по оси y 
в svg нету такого как text-align: center;
получилось так
https://jsfiddle.net/1m5ak70j/