<!DOCTYPE html>
<style>
html {
-webkit-writing-mode: vertical-lr;
}
.columns {
border: 2px solid black;
overflow: auto;
line-height: 20px;
}
.column1, .column2 {
height: calc(50% - 10px);
float: left;
}
.column1 {
margin-bottom: 20px;
}
img {
float: left;
height: 150px;
width: 320px;
background-color: green;
display: block;
}
</style>
<div class="columns">
<div class="column1">
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</div>
<div class="column2">
<img>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
This is some text.<br>
</div>
</div>