Center inside container

[GroteDwerg]

https://dl.dropbox.com/u/66317396/Sc...2000.41.25.png

A (content) and B (content-right) are placed inside the same container.
I want B the the be in the middle next to A . And I want this all the time no matter how big A get's. I tried it to do with margin: auto - but that did not work. Although it worked for the container. I know that A affects the height of the container and I just want B in the center of it floating still right...

I can do this by padding the top and guess for the middle. But once I type more text into the site I have to redo it.

html, body {
	background-color:#F1D4AF;
	margin: 10px;
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
}

#container {
	Width: 760px;
	Margin: Auto;
}

#content {
	background-color: #ECE5CE;
	margin-right: 280px;
}

#content .padding {
	padding: 25px;
}

#content-right {
	float: right;
	width: 280px;
	text-align: center;
}

#content-right .padding {
	padding: 25px;
}

[Sammy12]

You're talking about vertically centering multiple lines of text? I am assuming it is already centered horizontally with text-align: center.

#content-right {
	float: right;
	width: 280px;
	text-align: center;
}

Couldn't find a previous post where I explained this, but for vertically centering multiple lines of text, you would use:

.center-container {
    display: table;
}
.center {
    display: table-cell;
    vertical-align: middle;
}

<div class="center-container">
    <div class="center"></div>
</div>

http://www.vanseodesign.com/css/vertical-centering/

It doesn't work in IE6 & 7, there are backups explained in the article, but I honestly wouldn't bother supporting them for such a little thing as centering.