flexbox-sizing-horiz-002-ref.xhtml (992B)
1 <?xml version="1.0" encoding="UTF-8"?> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html xmlns="http://www.w3.org/1999/xhtml"> 7 <head> 8 <title>CSS Reftest Reference</title> 9 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com"/> 10 <style> 11 div { width: 200px; } 12 div.flexbox { 13 border: 1px dashed blue; 14 background: lightgreen; 15 font-size: 10px; 16 margin-bottom: 5px; 17 } 18 </style> 19 </head> 20 <body> 21 <div class="flexbox"> 22 <div>text</div> 23 </div> 24 25 <div class="flexbox"> 26 <div>text</div> 27 </div> 28 29 <div class="flexbox"> 30 <div>text</div> 31 </div> 32 33 <div class="flexbox" style="height: 30px"> 34 <div>text</div> 35 </div> 36 37 <div class="flexbox" style="height: 6px"> 38 <div>text</div> 39 </div> 40 41 <div class="flexbox" style="height: 30px"> 42 <div>text</div> 43 </div> 44 45 </body> 46 </html>