flexbox-widget-flex-items-4-ref.html (808B)
1 <!DOCTYPE html> 2 <!-- 3 Any copyright is dedicated to the Public Domain. 4 http://creativecommons.org/publicdomain/zero/1.0/ 5 --> 6 <html> 7 <head> 8 <style> 9 div.flexbox { 10 background: lightgray; 11 float: left; 12 height: 60px; 13 margin-right: 10px; 14 } 15 div.flexbox > * { 16 outline: 1px dashed black; 17 margin: 0; 18 vertical-align: top; 19 height: 100%; 20 display: block; 21 } 22 br { clear: left; } 23 </style> 24 </head> 25 <body> 26 <div class="flexbox"><input type="button"></div> 27 <div class="flexbox"><input type="checkbox"></div> 28 <br> 29 <div class="flexbox"><input type="image"></div> 30 <div class="flexbox"><input type="radio"></div> 31 <br> 32 <div class="flexbox"><input type="reset"></div> 33 <div class="flexbox"><input type="submit"></div> 34 </body> 35 </html>