| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Spanner following row that has floats</title> | |
| </head> | |
| <body> | |
| <p>There should be no yellow below, beside or inside the blue box. Only above.</p> | |
| <div style="margin:20px; -webkit-columns:4; columns:4;"> | |
| <div style="float:left; width:20%; height:5em; background:yellow;"></div> | |
| Beside float. | |
| <div style="clear:both;"></div> | |
| <div style="-webkit-column-span:all; column-span:all; height:2em; border:2px solid blue;"></div> | |
| Left. | |
| </div> | |
| </body> | |
| </html> |