Cómo mover la barra de navegación al medio

Tu HTML es incorrecto. No termina una etiqueta de imagen con:

Una etiqueta de imagen es así:

También está cerrando la etiqueta del encabezado, en el lugar incorrecto. Deben intercambiarse sus dos últimas líneas, / div y / encabezado. Las etiquetas HTML deben permanecer en orden.

Su #divOfNav debe tener una pantalla: bloque y margen: 0 automático

#divOfNav {
color de fondo: # 616A6B;
ancho: 1000px;
bloqueo de pantalla;
margen: 0 automático;
}

Eso debería arreglarlo.

text-align: center solo funciona en elementos en línea (y en bloque en línea). Podrías hacer esto:

#divofNav {
ancho: 100%;
alinear texto: centro;
/ * otros estilos * /
}
nav {
pantalla: bloque en línea;
/ * otros estilos y cualquier ancho que desee * /
}

… y eso funcionaría. Centra a los hijos del div, siempre que sean elementos en línea.

Pero como está usando margin: auto para centrar la imagen en la página, también podría centrar el navegador de esa manera. Dependiendo de cómo aplique su espacio, el bloqueo en línea puede darle problemas.

margen: auto; (en el div o el navegador) funciona siempre que el elemento con margen automático tenga un ancho (que sea más pequeño que su elemento primario), y mientras ese elemento se muestre: bloque.

#divofNav {
/ * elemento innecesario * /
}
nav {
ancho: 1000px;
/ * mismo ancho que la imagen, si eso es lo que quieres * /
margen: auto;
alinear texto: centro; / * centra los enlaces * /
}

Y como otros han sugerido, arregle la anidación de la etiqueta del encabezado y cierre la etiqueta img.

Cámbialo a una clase. Trate de no usar identificadores a menos que sea necesario.

Si el 100% no funciona, cámbielo a 800 px; o 1000px;

Hola, tal vez llego un poco tarde en esta publicación, pero si todavía quieres ayuda, es posible que tengas que darle una identificación a la barra de navegación y luego acceder a tu CSS y tomar la barra de navegación por identificación. Luego, establezca la propiedad margen izquierda en diferentes valores hasta que encuentre uno que funcione. Por ejemplo, si mi id era id = “navbar”, entonces en mi css, escribiría
#navbar {

margen izquierdo: 150 px; // cualquier valor que lo haga funcionar

}

nav {

margen: 0px auto;

}

Esto debería funcionar bien.