flexbox_visibility-collapse-line-wrapping-ref.html (463B)
1 <!DOCTYPE html> 2 <title>flexbox | visibility: collapse and line wrapping</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 body { 6 margin: 0; 7 width: 602px; 8 } 9 div { 10 background: #3366cc; 11 border: 1px solid black; 12 } 13 div::after { 14 content: ""; 15 clear: both; 16 display: block; 17 } 18 p { 19 background: #ffcc00; 20 margin: 1em 0; 21 width: 300px; 22 float: left; 23 } 24 </style> 25 26 <div> 27 <p>filler</p> 28 <p>filler</p> 29 <p>filler</p> 30 <p>filler</p> 31 </div>