grid-abspos-staticpos-align-self-end-large-border-padding-ref.html (361B)
1 <!DOCTYPE html> 2 <html> 3 <style> 4 .grid { 5 display: grid; 6 padding: 13px; 7 padding-bottom: 42px; 8 border: 23px solid black; 9 border-bottom-width: 45px; 10 width: 100px; 11 height: 100px; 12 } 13 .item { 14 width: 50px; 15 height: 50px; 16 background-color: green; 17 align-self: end; 18 } 19 </style> 20 <body> 21 <div class="grid"> 22 <div class="item"></div> 23 </div> 24 </body> 25 </html>