I'm styling the wp-navi for wordpress and without floating the .pages to the left, it looks like this:



After I float the class to the left, it looks like this:



How can I fix it so it aligns properly?

Seeing your site would be helpful It's likely the HTML isn't set up in the right order.

Actually it set up in localhost, so I can't really show you.

Well, then it's unlikely you're going to be able to find a solution. We can't see it, we can't tell what's wrong.

If you can't post a URL, post ALL of the code - HTML and CSS.

How are you trying to align it? Floating all those elements to the left? Does the element with the class containing the float wrap around everything?

Like the others have said though, we need to see the code.