<!DOCTYPE html>
<style>
html {
-webkit-writing-mode: vertical-lr;
}
.columns {
width: 300px;
border: 5px solid black;
padding: 5px;
line-height: 20px;
}
.column1, .column2 {
float: left;
height: 50%;
}
.column1 {
width: 100%;
}
.inline_block {
display: inline-block;
border: 2px solid green;
}
</style>
<div class="columns">
<div class="column1"></div>
<div class="column2">
<div class="inline_block">
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
This should be in the second column.<br>
</div>
</div>
</div>