| <!doctype html> | |
| <div style="-webkit-columns:2; height:300px; border:2px solid blue;-webkit-line-box-contain:glyphs replaced"> | |
| <p>This image should not be split across columns.<br> | |
| The reason it should not be split is that the line contains no | |
| text and so we should be willing to allow it to sit at the top of a new | |
| page. | |
| </p> | |
| <div style="display:inline-block; height:100%; width:50px;background-color:lime"></div> | |
| <div style="display:inline-block; width:100%; height:50px;background-color:purple"></div> | |
| </div></div> |