fiddling with divs

by J. Jones

HTML

<div id="one">
    <div id="two"></div>
text!<br>
text!<br>
text!<br>
    <div id="three"></div>
</div>

CSS

#one
{
    background-color: #EEE;
    padding: 5px;
    width: 200px;
    float:left;
    position: relative;   
}

#two
{
    float:left;
    background-color: #F00;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 100px;
    top:10px;
}

#three
{
    float:left;
    background-color: #F00;
    display: inline-block;
    height: 30px;
    position: relative;
    width: 100px;
    top:10px;
}