Avatar for Username

Mozilla Support में खोजें

Avoid support scams. We will never ask you to call or text a phone number or share personal information. Please report suspicious activity using the “Report Abuse” option.

Learn More

This thread was archived. Please ask a new question if you need help.

How do you get HTML5 <nav> to center?

  • 2 प्रत्युत्तर
  • 4
  • 2 views
  • के द्वारा अंतिम प्रतियुतर Dawn1

Dawn1
Dawn1
more options

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

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

All Replies (2)

cor-el
cor-el
  • Moderator
  • Top 10 Contributor
more options

Is <nav> a block or an inline element?

See http://31o5.com/2010/04/18/wordpress-theme-in-html5/

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

See also http://dorward.me.uk/www/centre/

cor-el द्वारा सम्पादित

Dawn1
Dawn1 प्रश्नकर्ता
more options

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

margin-right:auto; }

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