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 vote148 views1 answer
Bootdtarp
Html
0 vote212 views1 answer
Coding a classic grid in html
Html
0 vote149 views1 answer
Shubham Narayan More Html Notes
Html
0 vote326 views1 answer
Jquery download text in html element new line
Html
3 votes190 views3 answers
Responsive text css
Html
1 vote107 views1 answer
Safe webp image usage html
Html
0 vote141 views1 answer
Font awesome animate
Html
0 vote146 views2 answers
How to write h1 tag in html
Html
0 vote149 views1 answer
How to display superscript in breadcrumbs in html
Html
43 votes141 views5 answers
Html inline comment
Html