Saltar al contenido

Cómo centrar enlaces en HTML

Te damos el arreglo a esta obstáculo, o por lo menos eso deseamos. Si continuas con interrogantes puedes escribirlo en el apartado de comentarios y con placer te ayudaremos

Solución:

hay algunos errores en tu código – el primero: no te has cerrado p-etiqueta:

Search

Siguiente: p significa ‘párrafo’ y es un elemento de bloque (por lo que está causando un salto de línea). lo que querías usar hay un spanque es solo un elemento en línea para formatear:

Search

pero si solo desea agregar un estilo a su enlace, ¿por qué no establece el estilo para ese enlace directamente?

Search

al final, esto sería al menos el html correcto, pero aún no es exactamente lo que quieres, porque text-align:center centra el texto en ese elementopor lo que tendría que establecer eso para el elemento que contiene estos enlaces (este fragmento de html no está publicado, por lo que no puedo corregirlo, pero espero que lo entienda) – para mostrar esto, usaré un simple div:


EDITAR: algunas adiciones más a su pregunta:

  • p no es una ‘función’, pero tiene razón, esto está causando el problema (porque es un elemento de bloque)
  • lo que estás tratando de usar es css: solo está en línea en lugar de colocarse en un archivo separado, pero no está haciendo ‘solo HTML’ aquí

Como tiene una lista de enlaces, debe marcarlos como una lista (y no como párrafos).

Listamatic tiene un montón de ejemplos de cómo puede diseñar listas de enlaces, incluido un número que son listas verticales con cada enlace centrado (que es lo que parece estar después). También tiene un tutorial que explica los principios.

Esa parte del estilo esencialmente se reduce a “Establecer text-align: center en un elemento que se muestra como un bloque que contiene el texto del enlace” (que podría ser el propio ancla (si hace que se muestre como un bloque) o el elemento de la lista que lo contiene).

los pondrías dentro de un

o un

Search Contact Us

muestra: http://jsfiddle.net/X8HM4/1/

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *