flexbox_order-abspos-space-around-ref.html (510B)
1 <!DOCTYPE html> 2 <title>flexbox | order; justify-content: space-around</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 div { 6 background: blue; 7 border: 1px solid black; 8 width: 27em; 9 height: 8em; 10 position: relative; 11 } 12 span { 13 background: yellow; 14 width: 5em; 15 height: 8em; 16 position: absolute; 17 top: 0; 18 left: 2em; 19 display: block; 20 } 21 span+span {left: 11em;} 22 span+span+span {left: 20em;} 23 </style> 24 25 <div> 26 <span>filler</span> 27 <span>filler</span> 28 <span>filler</span> 29 </div>