Svg Text Top Align. 1 The font-size is not honored If you resize the widthheight of the element the text grows to fill he box. Text-top Matches the top of the box to the top of the parents content area.
It is used to determine or re-determine a scaled-baseline-table. 2 The text remains middle aligned vertically if you increase the height. An easy solution to center text horizontally and vertically in SVG.
According to SVG spec alignment-baseline only applies to and My understanding is that it is used to offset those from the object above them.
The alignment-point of the object being aligned is aligned with the text-after-edge baseline of the parent text content element. Advertisements Top align text. I think what you are looking for is dominant-baseline. Icon display.