<!DOCTYPE html>
<html>
    <head>
        <style>
            #parentDiv {
                width: 400px;
                height: 400px;
                padding: 15px;
                border: 10px solid grey;
                margin: 5px;
                float: left; /* Do not collapse margins. */
                background-color: blue;
            }

            #svgRoot {
                background-color: blue;
            }
        </style>
    </head>
    <body>
        <p>This test checks that SVG elements are rendered with the correct dimensions under an SVG root element with paddings, borders, and margins.</p>
        <div id="parentDiv">
            <svg id="svgRoot" width="400" height="400" viewbox="0 0 200 200">
                <rect id="svgRect" x="0" y="0" width="100" height="100" fill="green"/>
            </svg>
        </div>
    </body>
</html>