2 divs,the one next to other

I am new to css and web design.
I want to create 2 divs that will be in the middle div of my layout
(There are the left/menu div and the center/content div).
These divs will have a “tittle”, a photo and a text bellow the photo.
So I want these divs to be the one next to the other and not the one under the other as now,how can I do this with css?
I hope to be understoond.

Give each a width, and then float them. E.g.

.side {width: 200px; float left;}
.content {float: right; width: 600px;}

If you need more help, post the code you have so far.