1
respuesta

Espacio en blanco del HTML entre el header, main y footer, ¿es posible eliminarlo?

Un saludo compañeros.

Estoy realizando los ejercicios expuestos en clase para adquirir mis habilidades en Html5, CSS3 y JavaScript. en la realización observo un espacio en blanco que hay entre las etiquetas header, main y footer. Esto es normal? se pueden eliminar? no representa ningun problema si se deja así?.

Muchas gracias.

JZH

1 respuesta

Hola Jovany,

Gracias por tu pregunta. En HTML, es normal que haya un espacio en blanco entre las etiquetas <header>, <main> y <footer>. Esto se debe a los estilos predeterminados del navegador y a los márgenes y rellenos que se aplican a estas etiquetas.

Si deseas eliminar este espacio en blanco, puedes utilizar CSS para ajustar los márgenes y rellenos de estas etiquetas. Por ejemplo, puedes agregar el siguiente código CSS en tu archivo de estilos:

header, main, footer {
  margin: 0;
  padding: 0;
}

Esto establecerá los márgenes y rellenos de las etiquetas <header>, <main> y <footer> en cero, eliminando así el espacio en blanco entre ellas.

Sin embargo, debes tener en cuenta que al eliminar este espacio en blanco, es posible que el contenido de estas secciones se superponga. Por lo tanto, es importante asegurarte de que tu diseño siga siendo legible y accesible para los usuarios.

Espero que esta información te sea útil. Si tienes alguna otra pregunta, no dudes en preguntar. ¡Buena suerte con tus estudios!

Espero haber ayudado y buenos estudios!