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

        <style>
            .svg1
            {
                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 class="svg1" width="100px" height="100px">
                <rect  width="100px" height="100px"/>
            </svg>
        </div>
    </body>
</html>