Float Hack

nn

by BoxMan0617

HTML

<div class="container">
    <div class="left">
        Left Left Left Left Left Left 
        Left Left Left Left Left Left 
        Left Left Left Left Left Left 
        Left Left Left Left Left Left 
        Left Left Left Left Left Left 
        Left Left Left Left Left Left 
    </div>
    <div class="right">
        right right right right right 
        right right right right right 
        right right right right right 
        right right right right right 
        right right right right right 
        right right right right right 
        right right right right right 
    </div>
</div>

CSS

.container {
    border: 1px solid #000000;
    overflow: hidden;
    width: 100%;
}

.left, .right {
    background-color: blue;
    padding: 10px;
    width: 200px;
}

.left {
    float: left;
}

.right {
    float: right;
}