- This topic is empty.
Viewing 8 posts - 1 through 8 (of 8 total)
Viewing 8 posts - 1 through 8 (of 8 total)
- The forum ‘CSS’ is closed to new topics and replies.
The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Hey guys,
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?
give the ul or the wrapper a fixed width
Make a CodePen use-case so we can see what your code looks like.
[Centering List Items Horizontally (Slightly Trickier Than You Might Think)](https://css-tricks.com/centering-list-items-horizontally-slightly-trickier-than-you-might-think/ “Centering List Items Horizontally (Slightly Trickier Than You Might Think)”)
Use inline-block and apply text-align:center to the Ul
http://joshnh.com/2012/02/07/why-you-should-use-inline-block-when-positioning-elements/
Here’s your Codepen refactored: http://codepen.io/anon/pen/Gcdeg
Eh still not working how I want it to work. I guess it might not be possible.. Or it might have something to do with Firefox.