how to center text in svg
snippet in html

how to center text in svg

user4808

<text x="50%" y="50%" text-anchor="middle" dominant-baseline="middle">Text</text>

svg text align middle

user9306

<svg width="200" height="100">
  <rect x="0" y="0" width="200" height="100" stroke="red" stroke-width="3px" fill="white"/>
  <text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle">TEXT</text>    
</svg>