<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><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/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAK0lEQVQ4T2NkYPj/n4GKgHHUQIpDczQMKQ5ChtEwHA1DMkJgNNmQEWhoWgAkKift4VBlVgAAAABJRU5ErkJggg==" id="image" /> X<br />X </div> </body></html>