<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <title>CSS Flexbox Test: flex-wrap: wrap</title> <link href="mailto:tokuda109@gmail.com" rel="author" title="Tsuyoshi Tokuda" /> <style type="text/css"> .box { margin: 0; padding-left: 0; width: 200px; } .item { float: left; list-style-type: none; width: 120px; height: 100px; background-color: green; } </style> </head> <body> <p>There should be a green block with no red.</p> <ul class="box"> <li class="item">width: 120px</li> <li class="item">width: 120px</li> </ul> </body></html>