flexbox-widget-flex-items-4-ref.html 808 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. 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>