flexbox_item-vertical-align-ref.html (412B)
1 <!DOCTYPE html> 2 <title>flexbox | vertical-align</title> 3 <link rel="author" href="http://opera.com" title="Opera Software"> 4 <style> 5 div { 6 background: yellow; 7 border: 1px solid black; 8 width: 600px; 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 <p></p> 30 </div>