flex-box-wrap-ref.html (658B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Flexbox Test: flex-wrap: wrap</title> 5 <link rel="author" title="Tsuyoshi Tokuda" href="mailto:tokuda109@gmail.com"> 6 <style type="text/css"> 7 8 .box { 9 margin: 0; 10 padding-left: 0; 11 width: 200px; 12 } 13 .item { 14 float: left; 15 list-style-type: none; 16 width: 120px; 17 height: 100px; 18 background-color: green; 19 } 20 21 </style> 22 </head> 23 <body> 24 <p>There should be a green block with no red.</p> 25 26 <ul class="box"> 27 <li class="item">width: 120px</li> 28 <li class="item">width: 120px</li> 29 </ul> 30 31 </body> 32 </html>