<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --><html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>CSS Reftest Reference</title> <style type="text/css"> @page { font: italic 8pt sans-serif; color: gray; margin: 7%; counter-increment: page; @top-left { content: "CSS Flexible Box Layout Module Level 1 CR Test Suite"; } @top-right { content: "Test flexbox-basic-canvas-vert-001-ref"; } @bottom-right { content: counter(page); } } </style> <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> <style> div.flexbox { height: 200px; width: 22px; float: left; margin-right: 10px; background: lightgreen; line-height: 0; } canvas { width: 20px; height: 10px; border: 1px dotted green; } </style> </head> <body> <div class="flexbox"> <canvas/> </div> <div class="flexbox"> <div style="font: 8px monospace; height: 188px"> a b </div> <canvas/> </div> <div class="flexbox"> <canvas style="height: 122.5px"/><canvas style="height: 73.5px"/> </div> <div class="flexbox"> <canvas style="height: 93px"/><canvas style="height: 103px"/> </div> <div class="flexbox"> <canvas style="height: 114px"/><canvas style="height: 82px"/> </div> <div class="flexbox"> <canvas style="height: 106px"/><canvas style="height: 90px"/> </div> <div class="flexbox"> <canvas style="height: 46px"/><canvas style="height: 150px"/> </div> </body> </html>