Skip to content Skip to sidebar Skip to footer
Home / Bootstrap 4 / Css / Html / Svg

Svg: Text Centerd Differently In Ff And Chrome

Post a Comment
I have the following SVG content

Solution 1:

Add dominant-baseline="middle" and edit your code like this:

 <text alignment-baseline="middle" dominant-baseline="middle"text- 
    anchor="middle" x="50%" y="50%">
     missing 
 </text>

Link to documenttion

Here's the codepen snippet that I tested in both Chrome and Firefox.

You may like these posts

Post a Comment for "Svg: Text Centerd Differently In Ff And Chrome"