HTML Forum

**jimandy** · 04-20-2010, 04:56 PM

I want the word "WEST" to the the left side of the window and word "EAST" on the right side, with both words on the same line. Seems like the code should be...

Code:

<html>

	<head>
		<title></title>
	</head>
	<body>
<span style="text-align:left;">WEST</span><span style="text-align:right;">EAST</span>

	</body>
</html>

But they appear as "WESTEAST" on the left side.
Obviously I have not learned much about css.

**chrishirst** · 04-20-2010, 05:27 PM

A is an inline element and as such only takes up the space of it's contents, so even though it may well be aligning the text as styled you will not be able to tell.

Put the two spans in a container.

"east" need to first in the container and floated right and "west" will occupy it's natural position on the left.

**jimandy** · 04-20-2010, 06:18 PM

Do you mean like this?
EASTWEST

That doesn't seem to work. Could you give me an example?

**chrishirst** · 04-20-2010, 06:55 PM

FLOAT not text-align.

HTML Code:

<div>
<span style="float:right;>East</span>
<span>West</span>
</div>

**jimandy** · 04-21-2010, 10:22 AM

Thanks Chris. Your example worked fine. I did need to add a closing quote after the semicolon for it to work in Safari (Mac OS). i.e. "float:right;". FireFox was more forgiving.

**chrishirst** · 04-21-2010, 10:29 AM

Quote:

I did need to add a closing quote

I'll blame the battery in my keyboard for missing the odd keypress

**Bompa** · 04-23-2010, 06:51 PM

wow, I had almost exact same problem last week, now I know how to fix it. I should
come in this forum more often and get my head out of code and seo.

thanks chris,
Bompa

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!