Para centrar un elemento inline (en línea) en HTML, es común usar CSS. A continuación te explico cómo hacerlo utilizando tanto el contenedor como el elemento en sí.

1. Centrar un elemento inline dentro de un contenedor

Si el elemento inline (como un span o a) está dentro de un contenedor, puedes centrarlo horizontalmente al centro del contenedor.

  • Primero, define un contenedor div con text-align: center;, y luego coloca el elemento inline dentro de él:
<div style="text-align: center;">
<span>Este es un elemento centrado</span>
</div>
  • Aquí, el text-align: center; en el contenedor div asegura que todos los elementos inline dentro de él estén centrados horizontalmente.

2. Centrar un elemento inline de manera directa

Para centrar un elemento inline sin un contenedor, como un botón o un enlace, puedes aplicarle display: inline-block; para darle propiedades de bloque y luego aplicarle text-align: center;.

<span style="display: inline-block; text-align: center;">Elemento centrado inline</span>