<!DOCTYPE html>
<html>
<head>
    <title>CSS Reference File</title>
    <link rel="author" title="Bem Jones-Bey" href="bjonesbe@adobe.com"/>
    <style type="text/css">
        .container {
          width: 150px;
          height: 100px;
          background-color: black;
        }
        img {
          float: left;
        }
        .green {
            float: right;
            width: 50px;
            height: 100px;
            background-color: rgb(0, 100, 0);
        }
    </style>
</head>
<body>
    <p>
        The test passes if you see a green rectangle, a black rectangle, and a green rectangle next to each other. There should be no red.
    </p>
    <div class="container">
        <img src="support/left-half-rectangle-70.png"/>
        <div class="green"></div>
    </div>
</body>
</html>