<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
body {
padding: 0px;
margin: 0px;
}
#svgRoot {
padding: 0px;
margin: 0px;
transform: translate(50%, 50%);
}
</style>
</head>
<body>
<!--This test verifies that transformed SVG elements are positioned properly.-->
<svg id="svgRoot" width="400px" height="400px" viewBox="0 0 400 400" xmlns="http://www.w3.org/2000/svg">
<circle id="circle" cx="100" cy="100" r="10"/>
</svg>
</body>
</html>