[Solved] have an unordered list floated right, list items are backward

When you float something right it goes as far right as it can. So the first one will go to the right hand edge. Then next one will abutt the left edge of that item - ie, source order will be right to left order, or to put it another way from left to right they will be in reverse order.

You can fix it by reversing the source order.

Which is how the CSS standard says it should be. Just as with a left float the first item in the list will float as far to the left as it possible, so with a float right the first item in the list must float to the right as far as possible.

Thank you for the responses. I figured there was some easy CSS style I could throw in there to make the first list item appear back on the left. No big deal though, I will just reverse the HTML.

You could try floating the li left (or display: inline) and the float the ul right

I had tried originally floating the li left and the ul right (didn't work - it just places the nav back on the left hand side). I had not tried display: inline, but that also didn't work. I switched the HTML around around and it's fine.

I appreciate the help!

Wolfcry. After some code tweaking, floating the url right and then floating the li left actually did work.

Thanks.