<!DOCTYPE html> <html><head> <title>CSS Reference File</title> <link href="hmuller@adobe.com" rel="author" title="Hans Muller"> <style type="text/css"> #container { position: relative; width: 200px; font-family: Ahem; font-size: 40px; text-align: right; color: green; } #image { float: right; margin-left: 10px; margin-top: 10px; margin-bottom: 10px; } </style> </head> <body> <p>The two green squares should appear 10 pixels to the left of and 10 pixels below the blue square, respectively. The test passes if no red is visible.</p> <div id="container"> <img src="data:image/svg+xml;utf8,<svg width='20px' height='20px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' fill='blue'/></svg>" id="image"> X<br>X </div> </body></html>