LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-body-t-o-004-expected.html

   1 <!doctype html>
   2 <html lang=en>
   3   <meta charset=utf-8>
   4   <title>CSS-contain test reference</title>
   5   <link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
   6
   7 <style>
   8 html {
   9     writing-mode: vertical-lr;
  10     direction: rtl;
  11     width: 100vw;
  12     height: 100vh;
  13     overflow: hidden;
  14 }
  15 body {
  16     margin: 0;
  17     border-top: 100px solid red;
  18     border-bottom: 100px solid green;
  19     width: 100vw;
  20     height: 100vh;
  21 }
  22 div {
  23     text-orientation: upright;
  24 }
  25 p {
  26     margin: auto;
  27     padding: 150px 0;
  28     writing-mode: horizontal-tb;
  29     direction: ltr;
  30 }
  31 </style>
  32
  33 <div>
  34     <p>Test passes if there is no red.
  35 </div>