Cómo centrar el texto en HTML

Cuando hablamos de HTML nos referimos al lenguaje de marcado que utilizan todas las páginas web para el diseño de la misma. También es algo que se puede observar en distintos blogs de internet. El punto es que, dentro del HTML, se pueden ejecutar cambios importantes que intervengan en la personalización de la página. De ese modo, una de las cosas más importantes a aprender es cómo centrar el texto en HTML.

Por lo tanto, es fundamental saber trabajar con este lenguaje. De esa manera, lograrás hacer cambios que no podrás realizar desde otras configuraciones del sitio web.

centrar el texto en HTML

¿Por qué se debería centrar un texto en HTML?

Existen muchas formas de alinear un texto. Ya sea en un programa de redacción de texto como Word o en un HTML. Incluso al redactar algunos correos electrónicos, puedes optar por alinear el texto de la manera que te guste. Esto te ofrece la posibilidad de editar y personalizar más el texto.

Además, en algunos casos, también te permite darle un orden y organización más detallada. Por ejemplo, es común ver que los títulos de cualquier texto estén centrados. Lo mismo suele suceder cuando se le añaden subtítulos o el mismo está separado en capítulos.

De seguro es algo que es mucho más común en la redacción de un documento como tal. No obstante, cuando entramos a una página web a leer algún artículo notamos que también tiene ese tipo de organización. Se toma en cuenta la prioridad de las secciones según el orden en el que aparecen.

Todo ese tipo de alineación de texto, para una página web o un blog, se realiza desde el lenguaje de marcado de HTML. Así como muchas ediciones que se pueden realizar dentro de dicho lenguaje. No obstante, en este artículo nos centraremos solamente en lo que respecta a centrar un texto.

¿Cómo centrar el texto en HTML?

Ahora que conocemos la importancia de saber centrar un texto en HTML, es momento de aprender cómo hacerlo. Por suerte, se cuenta con distintos modos de hacerlo según tus necesidades. Así como también según lo que se te haga más sencillo.

Por lo tanto, explicaremos cada una de las formas existentes para que puedas centrar un texto en HTML. De esa forma, le podrás dar una mejor organización al artículo o texto que estás publicando en tu sitio web. Lo cual le dará una mejor vista cuando esté finalizado.

Utilizando etiquetas

Comenzaremos por una de las formas más simples y sencillas de centrar un texto en HTML. La primera opción con la que cuentas tiene que ver con el uso de ciertas etiquetas. Si ya has trabajado con el HTML de una página antes, sabes que con las etiquetas puedes realizar distintas acciones.

Pues bien, una de ellas es centrar el texto. Para ello debes hacer uso específicamente de las etiquetas <center></center>. Asegurándote de incluir el texto que deseas centrar en medio de ambas etiquetas. De esa manera, el HTML se encargará de realizar la alineación centrada del texto.

Supongamos que lo que quieres centrar en la página es el título. Por ejemplo, el título puede ser “Cómo centrar el texto en HTML”. Para colocar centrado justamente ese texto, deberías escribir lo siguiente: <center>Cómo centrar el texto en HTML</center>.

Al especificar esa acción mediante las etiquetas, se centrará el título. Es algo que también puede funcionar con un subtítulo, capítulo o cualquier parte del artículo que desees centrar. Es uno de los métodos más antiguos que existen para centrar un texto en HTML. No obstante, sigue siendo uno de los más sencillos que hay disponibles.

Con la propiedad de hoja de estilo

Con el pasar del tiempo y junto con los nuevos avances de la tecnología, el HTML fue mejorando. Cosa que genera excelentes resultados en todo lo que respecta a la manera en la que aparecerá el texto una vez que se publique en el sitio web. Por lo que puede ser más agradable de leer para todas aquellas personas que lo visiten.

Hay una nueva propiedad conocida como hoja de estilo que también te permite centrar el texto en HTML. En este caso, se trabaja específicamente con la propiedad de text-aling. A continuación, explicaremos cómo puedes utilizar esto para centrar algunos bloques de texto.

En primer lugar, debes colocar el atributo style en la etiqueta de apertura para luego elegir la propiedad de text-align. Dentro de dicha propiedad, hay que especificar el tipo de alineación que se busca realizar. En este caso, se trata de centrar el texto.

Para que sea más sencillo de ver para ti, colocaremos un ejemplo, con el mismo título del caso anterior. Quedaría así <p style=”text-align: center”>Cómo centrar el texto en HTML</p>.

Así tendría que quedar. Si quieres hacer esto de un modo más sencillo, puedes copiar y pegar el ejemplo que acabamos de dar. Solamente tendrías que cambiar el título por el de tu artículo o texto a publicar.

Centrar múltiples bloques de texto

El último caso con el cual se puede centrar un texto en HTML es cuando se tienen varios bloques de texto para hacerlo. En este caso, también varía la forma de hacerlo.

Puedes lograrlo mediante la propiedad de hoja de estilo nuevamente, pero haciendo uso de unas etiquetas y códigos distintos. Si los bloques de texto forman parte de la cabecera, así como de una hoja de estilo que sea externa, debes colocarlo dentro de las etiquetas <style></style> de esta manera:

<style>

p {

text-align:center

}

</style>

También puedes hacer uso de una clase de centro, que es un tipo de configuración. El cual te servirá para centrar, por ejemplo, todo un párrafo. En este caso, sería algo así: <p class=»center»>Cómo centrar el texto en HTML</p>. Cambiando el título del ejemplo por el párrafo a centrar.

Ahora que sabes cómo centrar el texto HTML, estás listo para realizar todas las configuraciones que necesites en tu página web. De esa manera, el resultado final de la misma será mucho mejor de lo que esperabas.

Deja un comentario