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

6 votes163 views3 answers
Facebook seo meta tags
Html
35 votes169 views6 answers
Adding a favicon in html
Html
0 vote179 views1 answer
Favicon text/html / Redirect uses bandwith
Html
0 vote168 views1 answer
Bootstrap 4 basic structure
Html
0 vote173 views1 answer
Html to flutter
Html
35 votes164 views6 answers
Bold text in html
Html
75 votes223 views6 answers
Copyright symbol html
Html
0 vote164 views1 answer
Time.mktime
Html
0 vote173 views1 answer
Can't bind to 'fill' since it isn't a known property of ':svg:path'
Html
0 vote214 views1 answer
Col md flex column
Html