Svg Align Top. Center Aligns the center of the aligned subtree with the center of the line box. The preserveAspectRatio uses YMin for the vertical alignment so that the graphic is aligned neatly against the top of the content area spilling out into the bottom padding.
For an element with a vertical primary text direction often typical for Asian text the top side of the text is rendered at the initial text position. TranslateY moves it a distance of 50 of its size upwards to let it exactly on. Center Aligns the center of the aligned subtree with the center of the line box.
The following example shows center aligned and left and right aligned text left alignment is default if text direction is left-to-right and right alignment is default if text direction is right-to-left.
The vertical-align property can be used in two contexts. TranslateY moves it a distance of 50 of its size upwards to let it exactly on. Changing the x and y attributes of the second element also changes the placement of all included shapes. The circles are placed so that they are at the top left corner.
