| <!DOCTYPE html> |
| <html> |
| <head> |
| <title>balancing fixed-height multicol</title> |
| </head> |
| <body style="overflow:hidden;"> |
| <p>There should be three identical blue rectangles below.</p> |
| <div style="width:20em;"> |
| <div style="float:left; width:6em; height:2em; background:blue;"></div> |
| <div style="float:left; width:1em; height:2em;"></div> |
| <div style="float:left; width:6em; height:2em; background:blue;"></div> |
| <div style="float:left; width:1em; height:2em;"></div> |
| <div style="float:left; width:6em; height:2em; background:blue;"></div> |
| </div> |
| </body> |
| </html> |