<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style>
    body { 
        padding: 0px; 
        margin: 0px;
    }

    #svgRoot {
        padding: 0px;
        margin: 0px;

        -webkit-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>