flexbox_item-top-float-ref.html (388B)
1 <!DOCTYPE html> 2 <title>flexbox | floated item</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 div { 6 background: black; 7 margin: 1em; 8 width: 400px; 9 } 10 p { 11 background: #3366cc; 12 margin: 2em; 13 width: 2em; 14 height: 2em; 15 float: left; 16 } 17 div::after { 18 content: ""; 19 clear: both; 20 display: block; 21 } 22 </style> 23 24 <div> 25 <p></p> 26 <p></p> 27 <p></p> 28 <p></p> 29 </div>