LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-layout-flexbox-001-expected.html

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <title>CSS Containment Test: Reference file</title>
   4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com">
   5 <style>
   6 div {
   7   display: inline-flex;
   8   border: 5px solid green;
   9   /* Layout containment creates a stacking context, the following lines simuluate the same in the reference file. */
  10   position: relative;
  11   z-index: 1;
  12 }
  13 </style>
  14
  15 <p>This test passes if it has the same output as the reference. You see the word "before", a 10px green square at the bottom, and then the word "after".</p>
  16 before<div></div>after