<!DOCTYPE html> <html><head> <title>CSS Reftest Reference</title> <link href="mailto:mibalan@adobe.com" rel="author" title="Mihai Balan"> <style> .flow { color: gray; font-family: Ahem; font-size: 20px; line-height: 1em; } .floater { width: 60px; height: 60px; background-color: lightblue; } .left { float: left; } .right { float: right; } .region { width: 200px; height: 100px; margin: 5px; } </style> </head> <body> <p> Test passes if you see two gray rectangles, each with a blue square inside it. The first rectangle should have a blue square in the top right corner, while the second rectangle should have a blue square in the top left corner.<br> Test fails is you see any red. </p> <div class="region"> <div class="flow floater right"></div> <div class="flow"> xxxxxxx xxxxxxx xxxxxxx xxxxxxxxxx xxxxxxxxxx </div> </div> <div class="region"> <div class="flow floater left"></div> <div class="flow"> xxxxxxx xxxxxxx xxxxxxx xxxxxxxxxx xxxxxxxxxx </div> </div> </body></html>