flexbox-float-1-ref.xhtml 849 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!--
  3. Any copyright is dedicated to the Public Domain.
  4. http://creativecommons.org/publicdomain/zero/1.0/
  5. -->
  6. <html xmlns="http://www.w3.org/1999/xhtml">
  7. <head>
  8. <style>
  9. div.flexbox {
  10. display: flex;
  11. width: 400px;
  12. margin-bottom: 2px;
  13. font-family: sans-serif;
  14. background: lightgreen;
  15. justify-content: space-around;
  16. }
  17. </style>
  18. </head>
  19. <body>
  20. <div class="flexbox">
  21. aaa<div>[[[</div>bbb
  22. </div>
  23. <div class="flexbox">
  24. aaa<div>]]]</div>bbb
  25. </div>
  26. <div class="flexbox">
  27. aaa<div>[[[</div>
  28. </div>
  29. <div class="flexbox">
  30. aaa<div>]]]</div>
  31. </div>
  32. <div class="flexbox">
  33. <div>[[[</div>bbb
  34. </div>
  35. <div class="flexbox">
  36. <div>]]]</div>bbb
  37. </div>
  38. </body>
  39. </html>