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