flexbox-basic-fieldset-horiz-001-ref.xhtml (1475B)
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.flexbox { 12 width: 200px; 13 background: lightgreen; 14 margin-bottom: 5px; 15 line-height: 8px; 16 clear: all; 17 height: 22px; 18 } 19 fieldset { 20 width: 10px; 21 height: 20px; 22 border: 1px dotted green; 23 margin: 0; 24 padding: 0; 25 float: left; 26 } 27 </style> 28 </head> 29 <body> 30 <div class="flexbox"> 31 <fieldset/> 32 </div> 33 34 <div class="flexbox" style="height: 22px"> 35 some words 36 <fieldset style="float:right"/> 37 </div> 38 39 <div class="flexbox"> 40 <fieldset style="width: 122.5px" 41 /><fieldset style="width: 73.5px"/> 42 </div> 43 44 <div class="flexbox"> 45 <fieldset style="width: 93px" 46 /><fieldset style="width: 103px"/> 47 </div> 48 49 <div class="flexbox"> 50 <fieldset style="width: 114px" 51 /><fieldset style="width: 82px"/> 52 </div> 53 54 <div class="flexbox"> 55 <fieldset style="width: 106px" 56 /><fieldset style="width: 90px"/> 57 </div> 58 59 <div class="flexbox"> 60 <fieldset style="width: 46px" 61 /><fieldset style="width: 150px"/> 62 </div> 63 64 </body> 65 </html>