I'm trying to achieve the following:
http://www.dealoverflow.com/d/howto.jpg
Actually there are going to be more rows of two than that picture, but that's just a rough idea.

With this site:
http://www.dealoverflow.com/d/

I had a method before where I had a container that contained two divs, and I just copied and pasted it a couple of times, but that ended up breaking up very easily.

Any alternate ideas of how to accomplish this?

Tables would be easier. I think.

Alright, I'll try tables. I had some problems with them earlier, but I'll try them again.

How would I space tables out using CSS? I've taken off the cellspacing with border-collapse: collapse, but I need to space each cell out from each other.

So you are just trying to get 4 boxes in the middle? um. Im very confused.

Try using the margin attribute to get the spacing in between.
In your css:
margin: 10px
makes a margin of 10px all around the cell
If you want to set one side in particular use
margin-left: 5px
(replace with top, right and bottom if neccessary)