Text-align: right; not working

HTML & CSS
1

I’m trying to align some text along the right side of this div. this is what I have


#menu ul li a{
	float:left;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:  bolder;
	font-size: 1.1em;
	text-transform: uppercase;
	clear:left;
	list-style-type:none;
	text-align: right;
	height:17px;
	}



<div id="menu">
<ul>
<li><a href="/">blah</a></li>
<li><a href="/blah2">blah2</a></li>
</ul>
</div>

It seems simple, but cant put my finger on it. :injured: :shifty:

2

Does your <li> have a fixed width so that the text-align can find the right side?

3

Your text is aligned right, the problem is the container is only as wide as the text, and your container is floating left. Add width:100%.

4

Can you provide the CSS for #menu, #meun ul and #menu ul li?

5

I was able to fix it after reading thru the posts :slight_smile: thanks alot 4 all the help

6