<!doctype html>
<body style="-webkit-writing-mode:vertical-rl">
<div style="-webkit-columns:2; width: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; width:100%; height:50px;background-color:lime"></div>

<div style="display:inline-block; height:100%; width:50px;background-color:purple"></div>
</div></div>