flexbox-widget-flex-items-2-ref.html 958 B

12345678910111213141516171819202122232425262728293031323334353637
  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: -moz-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>