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 vote207 views1 answer
Use pascalcase for react components, or lowercase for html elements.
Html
0 vote209 views1 answer
Java.rmi.connectexception: connection refused to host: 127.0.0.1
Html
11 votes235 views2 answers
Navbar right bootstrap 4
Html
13 votes173 views5 answers
Bootstrap align right
Html
0 vote180 views1 answer
How many mammals live in water a few,many,much
Html
1 vote201 views1 answer
Sendgrid mail api disable tracker
Html
2 votes173 views1 answer
Export website to html
Html
50 votes186 views6 answers
Html text color
Html
4 votes182 views2 answers
Html textarea auto height to amount of text
Html
1 vote186 views1 answer
Open markdown link in new tab
Html