How to center text in svg

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

Svg text align middle

<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>

Source: stackoverflow.com

Similar codes

41 votes166 views1 answer
Website base
Html
0 vote158 views1 answer
Html attribute dynamic value
Html
5 votes177 views5 answers
Webm to mp4
Html
0 vote178 views1 answer
Disabling cach using meta tag
Html
4 votes164 views1 answer
Html input autofocus
Html
0 vote191 views2 answers
Jinja2.exceptions.templatenotfound: templates/index.html
Html
0 vote170 views1 answer
How to stop text in html from becoming a link
Html
22 votes185 views4 answers
Run a function when a button has the onclick
Html
0 vote166 views1 answer
Html form button
Html
0 vote185 views1 answer
Etiquetas html para seleccionar imagenes
Html