flexbox-inlinecontent-horiz-4.xhtml 738 B

12345678910111213141516171819202122232425262728
  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. <!--
  7. This test verifies that a flex container which only contains text
  8. will render correctly. We use justify-content to position the text
  9. in the center of the flex container, as a sanity-check to be sure we
  10. are in fact getting a flex container.
  11. -->
  12. <html xmlns="http://www.w3.org/1999/xhtml">
  13. <head>
  14. <style>
  15. div.flexbox {
  16. width: 200px;
  17. height: 100px;
  18. background: lightgreen;
  19. justify-content: center;
  20. display: flex;
  21. }
  22. </style>
  23. </head>
  24. <body>
  25. <div class="flexbox">text</div>
  26. </body>
  27. </html>