the last element in ul goes to next row

Question

in my ul list the last element goes to next line. I want all li elements on one row. And secondly when I make my browser smaller then when login link gets close to ul, it (login link) also goes to next line. I want them to be in one row.

Here is my code jsfddle

Answer 1

You float everything, which may confuse the system.

How about you remove the float from the ul, so it will take up all the available width. And to keep the login link to the right of the ul, you can place the login link above the ul.

See updated jsFiddle.