<!DOCTYPE html>
<style>
    .columns {
        height: 300px;
        border: 2px solid black;
        line-height: 20px;
    }
    .dashed {
        border: 10px dashed maroon;
        width: 50%;
        float: left;
        box-sizing: border-box;
    }
    img {
        float: right;
        width: 100px;
        height: 200px;
        background-color: #cccccc;
        margin-right: 10px;
    }
</style>
<p>This test is ensuring we don't grow the height of a block improperly when a float has no line association (e.g., when it's at the end of a
block). The complete dashed border should be in the first column, with none of it appearing in the second column.</p>
<div class="columns">
    <div class="dashed">
        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>
    <img>
</div>