Stack Overflow Example: Align 3 DIV elements.

Put 3 Div elements on a single line.

HTML

<div id="wrapper">
  <div id="first">first</div>
  <div id="second">second</div>
  <div id="third">third</div>
</div>

CSS

#wrapper {
    width:700px;
    clear:both;
}
#first {
    background-color:red;
    width:200px;
    float:left;
}
#second {
    background-color:blue;
    width:300px;
    float:left;
}
#third {
    background-color:#bada55;
    width:200px;
    float:left;
}