subgrid-button-ref.html (577B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS test reference</title> 4 <style> 5 .grid { 6 display: grid; 7 width: 400px; 8 grid-template-columns: auto auto 1fr; 9 background-color: #ccc; 10 } 11 .button { 12 display: grid; 13 grid-template-columns: subgrid; 14 grid-column: span 3; 15 text-align: initial; 16 17 background: transparent; 18 padding: 5px 10px; 19 margin: 0; 20 border: 2px solid; 21 font: inherit; 22 } 23 .right { 24 text-align: right; 25 } 26 </style> 27 <div class="grid"> 28 <div class="button"> 29 <span>hello</span> 30 <span>,</span> 31 <span class="right">world</span> 32 </div> 33 </div>