subgrid-item-with-margin-left-auto.html (641B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <link rel="help" href="https://drafts.csswg.org/css-grid-2/#auto-margins"> 5 <link rel="match" href="../../reference/ref-filled-green-100px-square.xht"> 6 <link rel="stylesheet" href="/fonts/ahem.css"> 7 <style> 8 .content { 9 background-color: green; 10 } 11 .grid { 12 display: grid; 13 width: 100px; 14 font: 25px/1 Ahem; 15 color: green; 16 } 17 .subgrid { 18 grid-template-columns: subgrid; 19 display: grid; 20 margin-left: auto; 21 } 22 </style> 23 </head> 24 <body> 25 <p>Test passes if there is a filled green square.</p> 26 <div class="grid"> 27 <div class="subgrid"> 28 <div class="content">X X X X X X X X</div> 29 </div> 30 </div> 31 </body> 32 </html>