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