align-items-static-position-001-ref.tentative.html (470B)
1 <!DOCTYPE html> 2 <style> 3 .block { 4 display: block; 5 width: 75%; 6 height: 75%; 7 border: 5px dotted blue; 8 } 9 10 .container { 11 border: 1px solid; 12 position: relative; 13 width: 100px; 14 height: 100px; 15 display: inline-block; 16 margin-left: 50px; 17 margin-bottom: 50px; 18 } 19 20 .abs { 21 width: 50px; 22 height: 50px; 23 position: absolute; 24 background: purple; 25 justify-self: center; 26 } 27 </style> 28 <div class="container"><div class="block"> 29 <div class="abs"></div> 30 </div></div>