| <!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"> | |
| <head> | |
| <style> | |
| html { column-width:250px; column-gap:0; height:500px; width:500px; column-fill:auto } | |
| body { margin: 0 } | |
| .float { | |
| width:80px; | |
| height:80px; | |
| border:5px solid maroon; | |
| margin:0; | |
| } | |
| .left {float:left;} | |
| .heading { | |
| overflow:hidden; | |
| border:5px solid blue; | |
| } | |
| </style> | |
| </head> | |
| <html> | |
| <body> | |
| <div class="float left"></div> | |
| <h1 class="heading">Text that should not be clipped out.</h1> | |
| </body> | |
| </html> |