flexbox-align-self-stretch-vert-002-ref.html (752B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <!-- In this reference case, we use floated fixed-sized divs to mimic the 7 testcases's flex items. 8 --> 9 <html> 10 <head> 11 <title>CSS Reftest Reference</title> 12 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"> 13 <meta charset="utf-8"> 14 <style> 15 div.container { 16 width: 100px; 17 height: 20px; 18 border: 2px solid black; 19 } 20 div.item { 21 width: 48px; 22 height: 15px; 23 float: left; 24 border: 1px dotted blue; 25 } 26 </style> 27 </head> 28 <body> 29 <div class="container"> 30 <div class="item"></div> 31 <div class="item"></div> 32 </div> 33 </body> 34 </html>