CSS Float makes things backwards with W3Schools example

Hello all, this question refers to:

I tried to change a {float: right} to put the menu on the right, but then the links go in backward order in which they are written (ie, Link4 Link3 Link2 Link1). I would like them to be aligned to the right of the page but still in the right order! Anyone know what the problem is and how to fix it? I would appreciate it!


if you do a {float:right}, then the first link will be against the right border, the second link will be against the first link, etc. to get the effect you want, you will want to keep float:left on anchor’s, and make an exterior container that will be floated to the right

Don’t float li to the right. You want to float ul to the right.

Thanks a lot! That worked perfectly.