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

1 vote184 views2 answers
Show spinner during API request pure html and jquery
Html
0 vote182 views1 answer
Get all href from html
Html
0 vote183 views1 answer
How to pan in mac preview
Html
0 vote212 views1 answer
Image is too big html
Html
-1 vote171 views1 answer
Html style type
Html
16 votes170 views2 answers
Html scroll behavior
Html
0 vote174 views1 answer
Display div while load
Html
2 votes227 views1 answer
Onclick show div and hide other div
Html
1 vote188 views1 answer
Getproductpricehtml magento 2
Html
5 votes255 views3 answers
Bootstrap hamburger menu
Html