grid-positioned-items-background-rtl-001-ref.html (969B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Grid Layout Test: Grid positioned items background RTL reference file</title> 4 <link rel="author" title="Manuel Rego Casasnovas" href="mailto:rego@igalia.com"> 5 <html> 6 <style> 7 .grid { 8 width: 500px; 9 height: 300px; 10 border: 5px solid black; 11 margin: 30px; 12 padding: 15px; 13 } 14 15 .container { 16 position: relative; 17 float: left; 18 } 19 20 .absolute { 21 position: absolute; 22 } 23 24 .green { 25 background-color: green; 26 } 27 </style> 28 29 <p>The test passes if you see 4 green boxes and no red.</p> 30 31 <div class="container"> 32 <div class="grid"></div> 33 <div class="absolute green" style="left: 455px; top: 50px; width: 100px; height: 50px"></div> 34 <div class="absolute green" style="left: 390px; top: 50px; width: 50px; height: 20px"></div> 35 <div class="absolute green" style="left: 500px; top: 115px; width: 50px; height: 30px"></div> 36 <div class="absolute green" style="left: 275px; top: 135px; width: 145px; height: 75px"></div> 37 </div>