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

42 votes91 views6 answers
New line html
Html
1 vote136 views3 answers
Html email button
Html
3 votes111 views4 answers
Bootstrap table hover
Html
1 vote105 views2 answers
Scrollbar in html div
Html
0 vote94 views1 answer
Set placeholder text
Html
0 vote95 views1 answer
Html <svg> path star
Html
-1 vote103 views2 answers
Html sound autoplay
Html
11 votes127 views3 answers
Html text justify
Html
-1 vote104 views2 answers
Html inline label
Html
144 votes142 views6 answers
Javascript redirect
Html