place-content-shorthand-007-ref.html (465B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <title>CSS Test Reference</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <style> 6 div { 7 width: 400px; 8 height: 400px; 9 background: blue; 10 position: relative; 11 } 12 span { 13 background: green; 14 width: 200px; 15 height: 200px; 16 position: absolute; 17 bottom: 0; 18 left: 100px; 19 } 20 </style> 21 Should see a green square centered and at the bottom of the blue square. 22 <div><span></span></div>