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 vote189 views1 answer
Html left chevron symbol
Html
0 vote205 views1 answer
Delete icon in html
Html
0 vote185 views1 answer
Easy cubism landscape painting for beginners
Html
1 vote165 views1 answer
Nuxt link relative path
Html
0 vote181 views1 answer
Hashtag in html
Html
0 vote227 views1 answer
Pug meta viewport
Html
0 vote169 views2 answers
Html svg favicon
Html
38 votes181 views5 answers
Disable button in html
Html
16 votes141 views4 answers
Text in border
Html
3 votes163 views2 answers
Ion select
Html