LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-layout-button-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.fakeButton {
   7   display: inline-block;
   8   border: 5px solid green;
   9   padding: 0;
  10   margin-bottom: 2px;
  11   color: transparent;
  12   width: 0;
  13   height: 0px;
  14   /* Layout containment creates a stacking context, the following lines simuluate the same in the reference file. */
  15   position: relative;
  16   z-index: 1;
  17 }
  18 </style>
  19
  20 <p>This test passes if it has the same output as the reference. You see the word "before", a 10px green square aligned 2px above the text's baseline, and then the word "after".</p>
  21 before<div class="fakeButton"></div>after