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 vote271 views2 answers
How to change hidden on html
Html
1 vote260 views1 answer
Html 5 default code
Html
48 votes313 views4 answers
Favicon htmk
Html
0 vote294 views1 answer
Font awesome show password icon
Html
0 vote277 views1 answer
Html element hover helptext
Html
2 votes271 views2 answers
Cahnge bootstrap navbar color
Html
0 vote258 views1 answer
Bootstrap dropdown on hover
Html
2 votes301 views3 answers
How to remove line in href tag in html
Html
35 votes260 views5 answers
Tab space in html
Html
0 vote244 views1 answer
Unmute html5 video jquery
Html