Smashing <divs> together

On my blog; https://seanspictures.teflon.uni.cc/wordpress/
I have those two divs, is there anyway I can smash them right next to each other? I’m not too educated with divs so I’ll need some specifics. Here is the CSS for both of them.

#content {
margin: 1em 1em 1em 1em;
font: ‘Georgia’, ‘Times’, Verdana, sans-serif;
padding-right: 5px;
width: 575px;
background-color: #CCCCCC;
float: left;
align: right;
}

#right {
margin: 1em 1em 1em 1em;
padding-right: 5px;
width: 175px;
float: right;

Ideally, I want the two divs right next to each other (guard padding etc), and those two as one to be exactly centered horizontally.