DIV-positioneringsproblem

Hej! Har problem med att få en DIV att lägga sig på rätt ställe. Enligt den bifogade bilden vill jag ha DIVen med ordet "Test" i till höger bredvid den vänstra. Hur löser man detta? Har själv försökt mixtra med attributen float bl a utan lyckat resultat.

#content_inline_left och #content_inline_right ligger båda i #content.

CSS-kod:

#content
{
	width: 718px;
	/*border: #FF0000 solid 1px;*/
	background-color: #FFFFFF;
	/*background-color: #3ABDF9;*/
	padding: 0px 0px 0px 0px;
	margin-left: 21px;
	margin-right: 21px;
	margin-bottom: 0px;
	margin-top: 30px;
}

#content_inline_left
{
	/*position: relative;*/
	/*float: left;*/
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	width: 500px;
	height: auto;
	/*border-right: #989898 solid 1px;*/
	border: #0A364B solid 1px;
}

#content_inline_right
{
	/*position: absolute;*/
	/*position: relative;*/
	/*float: left;*/
	top: 0;
	left: 500px;
	width: 100px;
	height: auto;
	border: #0A364B solid 1px;
	/*background-color: #FBFFCE;*/
	/*background-color: #28A0D5;*/
	background-color: #FFFFFF;
}

För att lägga två blockelement vid sidan om varandra kan du enklast floata båda till vänster.
Sedan kan det vara bra att sätta en bredd på dom.

Jag fick det att fungera precis nyss genom "trial and error" med just float left. Det var mer tur än tur än skicklighet kan jag väl tillägga! :e Tack för svaret ändå! Trevlig helg! :birp