Cómo centrar el texto en HTML

Elegir la alineación correcta para sus elementos que aparecen en el sitio web es muy importante ya que esta alineación define la estructura general de una página web. Cuando se trata de alinear el texto, los desarrolladores a menudo alinean el texto al centro para resaltar el título o el encabezado de una página web o un documento. Si desea aprender a centrar un texto en HTML, entonces usted es el lugar correcto. Aquí hemos resumido formas de usar las cuales puede alinear su texto al centro.

Cómo centrar el texto en HTML

Hay dos formas con las que puede centrar su texto en HTML. Ambas formas se han discutido a continuación.

Cómo centrar el texto usando la etiqueta

Si desea centrar su texto, simplemente envuelva su texto deseado dentro de la etiqueta y el texto se centrará. Sin embargo, la etiqueta ha sido eliminada de HTML5 a favor del uso de CSS en lugar de esto.

Html

Este párrafo no está centrado.

Este párrafo está centrado.

Sin embargo, en el código anterior, hemos creado dos párrafos para representar la diferencia entre la alineación predeterminada y la alineación central del texto que hemos terminado el texto del segundo párrafo dentro de la etiqueta.

Producción

El texto se ha centrado usando la etiqueta.

Cómo centrar el texto usando el atributo de estilo

La forma preferida de centrar un texto es mediante el uso del atributo de estilo que le da un estilo en línea a un elemento particular.

Html

Este párrafo no está centrado.

Este párrafo está centrado.

A través del atributo de uso del estilo, estamos configurando la propiedad de alineación de texto del segundo párrafo en el centro. Generará la siguiente salida.

Producción

Así es como usa el atributo de estilo al texto central en HTML.

Sin embargo, si no desea usar CSS en línea para centrar su texto, entonces otra forma de hacerlo es usar el CSS interno. Aquí hemos demostrado cómo se hace.

Html

Este párrafo no está centrado.

Este párrafo está centrado.

En el código anterior, dado que solo queremos centrar el segundo párrafo, por lo tanto, lo estamos asignando una ID y luego utilizando esta ID, estamos configurando la propiedad de alineación de texto en la etiqueta en la sección. Este código también dará la misma salida.

Conclusión

Para centrar el texto en html, use el etiqueta o el atributo de estilo. Si está utilizando la etiqueta, simplemente coloque su texto dentro de esta etiqueta y se centrará, mientras se centrará, establezca la propiedad de alineación de texto del atributo de estilo para centrar un texto utilizando el atributo de estilo. Tenga en cuenta que la etiqueta ha sido eliminada de HTML5 a favor del uso de CSS.