Getting divs to stay on one line?

How do you get two divs to stay on one line?

 

You could use CSS to set the display style of the divs to inline or float both divs.

 

Thank you!

 

Would spans work?

 

<div id="container">
<div id="left">
</div>
<div id="right">
</div>
</div>

#container {width:1024px}
#left {width:300px; float:left}
#right {width:724px; float:left}

That is all . First step is set the width of the DIVs, second step is set two DIVs float property.