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

3 votes343 views2 answers
Twig set variable
Html
0 vote316 views1 answer
Bootstrap5 lineheight
Html
0 vote314 views1 answer
Execute python script onclick html
Html
-3 votes324 views1 answer
Class#
Html
0 vote326 views2 answers
Auto play audo files html
Html
0 vote355 views1 answer
Shubham Narayan More Html Notes
Html
6 votes272 views4 answers
How to add text in html
Html
43 votes290 views3 answers
Html structure
Html
2 votes322 views1 answer
Scroll to a div using href
Html
2 votes300 views1 answer
Number dropdown html
Html