<!DOCTYPE html>
<style>
    .columns {
        border: 2px solid black;
        overflow: auto;
        line-height: 20px;
    }
    .column1, .column2 {
        width: calc(50% - 10px);
        float: left;
    }
    .column1 {
        margin-right: 20px;
    }
    img {
        float: left;
        height: 320px;
        width: 150px;
        background-color: green;
        display: block;
    }
</style>
<p>There should be a green rectangle in the second column.</p>
<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>
    </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>
        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>