[nicpon]

I have a div tag with css id that has this configuration

Code:

#navigation {
	background: #02A5FF url("title.png") repeat-x;
	border-top-style:solid;
	border-top-width:thin;
	border-top-color:#000000;
	border-bottom-style:solid;
	border-bottom-width:thin;
	border-bottom-color:#000000;
	margin: 0px;
	padding-bottom: 3px;
	padding-top: 3px;
	text-align: left;
	width:700px;
	color:#FFFFFF;
}

Then I have this html code

Code:

<div id="navigation">
		<a href="link1" class="menu">link1</a> -
		<a href="link2" class="menu">link2</a> -
		<a href="link3" class="menu">link3</a>
		text:text
	</div>

How can I get text:text aligned to the right with rest of the stuff to left in the same line. I've tried many combinations and either text:text goes to next line or its aligned with all links to the left.