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

1 vote141 views1 answer
Uncaught TypeError: Failed to execute 'insertAdjacentElement' on 'Element': parameter 2 is not of type 'Element'
Html
0 vote121 views1 answer
Difference between index, follow or follow
Html
0 vote137 views2 answers
How to use font awesome unicode in html
Html
5 votes131 views2 answers
Iframe 100 responsive
Html
0 vote132 views1 answer
Html skype
Html
15 votes135 views3 answers
Favicon html link
Html
0 vote130 views1 answer
Carousel library js
Html
1 vote129 views1 answer
How to disable password autofill in react
Html
1 vote117 views1 answer
Hover over something to make html visible
Html
52 votes170 views6 answers
Turn off autocomplete input html
Html