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 vote229 views1 answer
Embed instagram feed on website html
Html
0 vote239 views2 answers
Javascript clear table body
Html
41 votes215 views3 answers
Css in reactjs
Html
-1 vote204 views1 answer
Let's encrypt ssl not working
Html
0 vote233 views1 answer
Easy cubism landscape painting for beginners
Html
1 vote199 views2 answers
Bootstrap 4 vertical align td
Html
1 vote193 views1 answer
Bootstrap upload image plugin for html
Html
0 vote203 views1 answer
Nuxt print html
Html
1 vote215 views1 answer
Bootstrap textarea width
Html
0 vote236 views1 answer
Copy right html footer
Html