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