lets say I have the following code:

Code:
<div class="container">
<div class="item-1">
text
<br/>
text
</div>
<div class="item-2">
text
<br/>
text
</div>
</div>
now I would like the two items to be side by side.
Item-1 on the left side and item-2 on the right side.
I want none of them to be under the other, both in the same "height" (location not size).


How can I do that?


I ask here because I believe css can solve the problem, I just don't sure what exactly should I do.