flexbox-widget-flex-items-1-ref.html 939 B

123456789101112131415161718192021222324252627282930313233343536
  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>