How do you get HTML5 <nav> to center?

13 éve

2010. 11. 11. 7:40

nav { width:700px; margin-left:auto; margin-right:auto; } /* This centering only works in Google Chrome */

Answer 1 · 2010-11-11 07:40:19

2010. 11. 11. 8:10

Is <nav> a block or an inline element?

Try nav { width:700px; text-align: center; }

Módosította: cor-el, 2010. november 11. 8:10:39 -0800

Answer 2 · 2010-11-11 07:40:19

2010. 11. 11. 9:25

nav { display:block; width:700px; margin-left:auto;

margin-right:auto; }

Yes! Adding display:block; centered it in Firefox. :)