Mimic Relative Positioning Inside an SVG with Nested SVGs

Positioning elements inside an SVG image is very similar-if not identical-to positioning elements absolutely in HTML. Every element in SVG is positioned "absolutely" relative to the SVG viewport, and the position inside the viewport is governed by the current coordinate system in use.