flex-item-with-calc-main-size-and-layout-dependent-containing-block-size.html 365 B

1234567891011121314151617
  1. <!doctype html><style>
  2. html {
  3. background: white;
  4. }
  5. body {
  6. background: pink;
  7. display: flex;
  8. }
  9. .orange {
  10. background: orange;
  11. display: flex;
  12. }
  13. .lime {
  14. background: lime;
  15. width: calc(50% - 10px);
  16. }
  17. </style><body class=pink><div class=orange><div class=lime>This is a bunch of text