Three column layout with div and span

by mrivasa

HTML

<div class="left">Some content</div>
<div class="right">Some other content</div>
<span class="middle"> This should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space leftThis should fill the space left </span>

CSS

.left {
    float: left;
    background-color: #ddd;
    display: inline-block;
}
.middle {
    background-color: yellow;
    display: block;
    overflow:hidden;
}
.right {
    float: right;
    background-color: #ddd;
    display: inline-block;
}