align-items-static-position-002-ref.tentative.html (518B)
1 <!DOCTYPE html> 2 <link rel="stylesheet" href="/fonts/ahem.css"> 3 <style> 4 .inline { 5 display: inline; 6 color: transparent; 7 font: 10px Ahem; 8 line-height: 25px; 9 } 10 11 .container { 12 border: 1px solid; 13 position: relative; 14 width: 100px; 15 height: 100px; 16 display: inline-block; 17 margin-left: 50px; 18 margin-bottom: 50px; 19 } 20 21 .abs { 22 width: 50px; 23 height: 50px; 24 position: absolute; 25 background: purple; 26 } 27 </style> 28 <div class="container"><div class="inline">text 29 <div class="abs"></div> 30 <br>text 31 </div></div>