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 vote166 views1 answer
Disable the hashtag to go to top
Html
1 vote143 views1 answer
Am pm time html javascript
Html
0 vote137 views1 answer
Css force string to wrap
Html
0 vote157 views2 answers
Bootstrap grid 2 rows
Html
0 vote125 views1 answer
Reset button javascript onclick
Html
3 votes153 views1 answer
Nuxt i18n link
Html
0 vote137 views1 answer
Mettre des écritaux sur le coté html
Html
0 vote129 views1 answer
Mat-icon outline
Html
0 vote140 views1 answer
Default value to select simple form for
Html
17 votes135 views3 answers
Required option for select tag
Html