flexbox-widget-flex-items-1-ref.html (939B)
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 border: 2px dotted lightgray; 11 width: 400px; 12 height: 40px; 13 margin-bottom: 10px; 14 } 15 div.flexbox > * { 16 width: -moz-available; 17 outline: 1px dashed black; 18 margin: 0; 19 vertical-align: top; 20 display: block; 21 } 22 </style> 23 </head> 24 <body> 25 <div class="flexbox"><input type="button"></div> 26 <div class="flexbox"><input type="checkbox"></div> 27 <div class="flexbox"><input type="file"></div> 28 <div class="flexbox"><input type="image"></div> 29 <div class="flexbox"><input type="password"></div> 30 <div class="flexbox"><input type="radio"></div> 31 <div class="flexbox"><input type="reset"></div> 32 <div class="flexbox"><input type="submit"></div> 33 <div class="flexbox"><input type="text"></div> 34 </body> 35 </html>