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

4 votes333 views2 answers
Conveert text to uppercase in input field
Html
0 vote348 views1 answer
Center class in html
Html
0 vote315 views1 answer
Very cool html
Html
0 vote362 views2 answers
Bootstrap buttons Disabled state
Html
0 vote349 views1 answer
App script send data back to html
Html
4 votes312 views3 answers
Bootstrap spinner
Html
0 vote305 views1 answer
How to select every element except first
Html
0 vote319 views1 answer
C++ compile syntax error
Html
5 votes273 views1 answer
Font awesome home icon
Html
1 vote341 views1 answer
How to break between characters in html
Html