Solution: to change blocks' places in HTML code.

Solution: to change blocks' places in HTML code ↓

We will change the order of blocks. Now in the code div.second is located higher than div.first.
After by sight blocks are located at one level. One block floats on the right. The desired effect is attained.

<< back to the "feature"

HTML code:

<div class="second">
    ...
</div>
<div class="first">
    ...
</div>

Live example ↓

Second div.second

.second
{
border: 2px solid #F00;
float: right;
}

First div.first

.first
{
border: 2px solid #33F;
}