- Utilizando las etiquetas.
- Usando una propiedad de hoja de estilo.
Una forma de centrar el texto es encerrarlo dentro de las etiquetas. El siguiente cuadro tiene un ejemplo.
¡Centra este texto!
Insertar este texto dentro del código HTML daría el siguiente resultado:
¡Centra este texto!
Nota la La etiqueta ahora se considera obsoleta. Aunque aún puede funcionar, se espera que se elimine para usar CSS. Le recomendamos que utilice el método de hoja de estilo (que se muestra a continuación) para centrar el texto en HTML.
Usando una propiedad de hoja de estilo
Puede centrar el texto con CSS especificando la propiedad de alineación de texto del elemento a centrar.
Centrando unos bloques de texto
Si solo tiene uno o unos pocos bloques de texto que necesita centrar, puede hacerlo agregando el atributo de estilo a la etiqueta de apertura del elemento y seleccionando la propiedad "alineación de texto". En el siguiente ejemplo, los hemos agregado a la
etiqueta:
¡Centra este texto!
Observe que el valor de la propiedad "text-align" se estableció en "center", lo que indica que el elemento debe estar centrado.
Múltiples bloques de texto
Si tiene muchos bloques de texto que le gustaría centrar, puede usar CSS dentro de las etiquetas en la sección de encabezado de la página o en una hoja de estilo externa. Vea el código de ejemplo a continuación para saber cómo configurar todo el texto dentro de
p {text-align: center} El texto se centrará dentro de cada conjunto de etiquetas en la página. Si desea centrar algunos párrafos mientras que otros no lo están, puede crear una clase de estilo como se ve en el código a continuación.
.center {text-align: center} Si está creando una clase central, como se muestra en el ejemplo anterior, un párrafo puede centrarse utilizando el código siguiente, que "llama" a la clase central:
¡Centra este texto!
Sugerencia: una vez que se ha creado una clase, se puede aplicar a cualquier etiqueta HTML. Por ejemplo, si desea que el encabezado esté centrado, puede agregar class = "center" al