So I have been working on a little project, and I have come to a problem.. When I change my screen resolution my unordered list all most over to the left based on the size of the screen. I was them to stay in-line and never change place based on a resolution change.
My unordered list are floating left, which I assume that is the problem. But.. Is there another way to make the unordered list line up from left to right without floating left?
Change the display to display: inline-block, as was suggested by @Paulie_D. Additionally, give the li’s a width of 16% (1/6 = 16%). This should make it such that your list items line up from left to right.