<!DOCTYPE html>
<html>
    <head>
        <title>HTML 5 Foreign Content SVG in HTML </title>
        <meta description="Test to verify SVG elements are styled using ID Selector" />
        <link rel="author" title="Microsoft" href="http://www.microsoft.com/" />

        <style>
            #d1
            {
                fill: green;
            }
        </style>
    </head>

    <body>
        <div class="testdata">
            <p id="instructions">Test passes if a green square is visible below this line.</p>
        </div>
        <div id="d1">
            <svg width="100px" height="100px">
                <rect width="100px" height="100px" />
            </svg>
        </div>
    </body>
</html>