[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.

[mab]

This may or may not do what you want. Create this in your styles -

Code:

.rightside {float:right;}

and do this -

Code:

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

[nicpon]

It does work half way. I say half way because tex:text is aligned to the right but is not in line with the rest of the links. Check it out here http://toplista.swim.pl/ I'm talking about the three links under header (Ranking - Dołącz - Panel kontrolny użytkownika) and then text:text( Użytkownicy: 1)

[mab]

Put the span before the links, exactly the way I posted -

Code:

<span class="rightside">text:text</span>
<a href="link1" class="menu">link1</a> -
...

[nicpon]

You got it man. Can you tell me why it makes a difference?

[mab]

Originally Posted by nicpon

You got it man. Can you tell me why it makes a difference?

No I don't know. A span should only change the contents within the span tags. It is almost like the span got treated like a div and ended up with newline before it.