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

63 votes317 views2 answers
How open link in new tab
Html
0 vote337 views1 answer
InlineSVG Error: Content type isn't valid: text/html
Html
-1 vote354 views1 answer
Default index.html code reac
Html
15 votes320 views1 answer
Tabulation html
Html
0 vote312 views1 answer
Google web fonts open sans
Html
1 vote347 views1 answer
Javascript window.print
Html
2 votes309 views1 answer
Html not a language
Html
1 vote317 views1 answer
Javascript prevent pinch zoom
Html
0 vote344 views1 answer
Typo3 link
Html
3 votes307 views2 answers
Semantic elements
Html