[RESOLVED] basic layout question - boxes

[brad jones]

I have a basic layout question. I want to create a layout with two boxes that are a set side that are side by side. I'll put text or other markup into these boxes. I am trying to avoid using TABLE tags. I was assuming something like:

 <p><div class="content-box1">[ stuff in box 1]</div> &nbsp;&nbsp;&nbsp;<div class="content-box2">[ stuff in box 2]</div></p>

The CSS for the classes is:

.content-box1 {
    width: 400px;
    height: 400px;
    background-color: yellow;
}
.content-box2 {
    width: 400px;
    height: 400px;
    background-color: skyblue;
}

This puts the boxes on top of each other. What am I missing to get them side by side?

Thanks!

Brad!