<!DOCTYPE html> <html><head> <title>CSS Grid Layout Reference</title> <link href="mailto:myst.dg@gmail.com" rel="author" title="Leo Deng"> <style> body { margin: 0; padding: 0; border: 0 none; } #caseTitle { margin: 10px; height: 40px; } #grid { margin: 0; width: 150px; } .a { background: blue; width: 100px; float:left } .b { background: yellow; width: 50px; float:left; } </style> </head> <body> <p id="caseTitle">The test passes if it has the same visual effect as reference.</p> <div id="grid"> <div class="a"> </div> <div class="b"> </div> </div> </body></html>