Как отцентрировать текст в svg блоке?

text в svg имеет параметры , такие как x="" и y=""
x="" это горизонтальная ось
y="" это вертикальная ось

так вот <text x="20" y="20"></text> сдвинет сам текст на 20 по оси х и на 20 по оси y
в svg нету такого как text-align: center;

получилось так
https://jsfiddle.net/1m5ak70j/