contain-body-t-o-001-ref.html (637B)
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>