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 vote100 views1 answer
Html form to google sheets
Html
0 vote101 views1 answer
Inner html templates
Html
4 votes114 views3 answers
Favicon.ico 404
Html
0 vote104 views1 answer
Strictmode causes double render
Html
1 vote104 views1 answer
Mat-toolbar
Html
1 vote105 views2 answers
How to make a youtube video on a website
Html
0 vote99 views1 answer
Html 2d table
Html
3 votes89 views3 answers
How to show iframe in full width
Html
0 vote94 views1 answer
Style upload button vue
Html
0 vote108 views1 answer
Render real time value in html input tag
Html