(I decided to create a new thread, maybe will be more useful for others.)
There is a menu at the bottom of this website:
http://klikerlab.pl/wordpress/
and I'm trying to center its content, just like in the footer. So I wrote:
.nav ul { width: 80%; margin-left: auto; margin-right: auto; }
but the browser ignored it. Firebug doesn't see this line, it sees only .nav class. So I added the 80% width here:
/* Lists: (ul, ol, dl) */
ul, ol, dl { margin-left: 15px; }
.nav { margin-left: auto; margin-right: auto; width: 80% }
and it shrinks somehow to the center, but the menu items stay aligned to the left (with margin), and the border shrinks too :(
I don't need the width to be 80%, but I was told that this could make it work, because the ul needs width.