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:

• 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;.

The post ¿Cómo centrar un elemento HTML de forma inline? appeared first on CNERIS.