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

0 vote115 views4 answers
Dropdown bootstrap
Html
1 vote112 views1 answer
Markdown new page
Html
0 vote139 views1 answer
Best free html video player
Html
3 votes113 views5 answers
Bootstrap form
Html
0 vote134 views4 answers
Bootstrap dropdown
Html
0 vote118 views1 answer
Navbar with logo css
Html
0 vote123 views1 answer
Require in html
Html
1 vote110 views4 answers
Semantic ui
Html
4 votes117 views2 answers
Conveert text to uppercase in input field
Html
0 vote108 views1 answer
Px in server is different from html file
Html