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

88 votes228 views6 answers
Favicon in html
Html
0 vote220 views1 answer
How to put < in html
Html
3 votes213 views10 answers
Rick roll
Html
84 votes198 views6 answers
Html radio button
Html
15 votes217 views6 answers
Html title attribute
Html
35 votes240 views6 answers
Js jquery
Html
0 vote227 views2 answers
Laravel route explicit binding
Html
8 votes220 views3 answers
Titles html
Html
0 vote233 views1 answer
Hashtag in html
Html
0 vote235 views1 answer
Difference between body and main html
Html