<!DOCTYPE HTML> <title>Test for wrapping around zero-height floats</title> <div style="width: 500px; height: 500px; float: left; font-size: 12px;"> <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: blue; margin-left: 10px;"></span> <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: purple; margin-left: 100px;"></span> <span style="display:inline-block; vertical-align: bottom; height: 20px; width: 300px; background: fuchsia"></span> </div>