fieldset-flexbox-001-ref.html 457 B

1234567891011121314151617181920212223242526272829303132333435363738394041
  1. <!DOCTYPE HTML>
  2. <html>
  3. <body>
  4. <style>
  5. p { flex-grow: 1; }
  6. </style>
  7. <fieldset style="overflow:hidden; width:200px; height:200px;">
  8. <legend>Legend</legend>
  9. <div style="display:flex;">
  10. <p>X
  11. <p>X
  12. <p>X
  13. <p>X
  14. <p>X
  15. <p>X
  16. <p>X
  17. <p>X
  18. <p>X
  19. <p>X
  20. <p>X
  21. </div>
  22. </fieldset>
  23. <fieldset>
  24. <legend>Legend</legend>
  25. <div style="display:flex;">
  26. <p>X
  27. <p>X
  28. <p>X
  29. <p>X
  30. <p>X
  31. <p>X
  32. <p>X
  33. <p>X
  34. <p>X
  35. <p>X
  36. <p>X
  37. </div>
  38. </fieldset>
  39. </body>
  40. </html>