# Centrar texto en HTML con CSS La etiqueta `
` para centrar texto en HTML fue eliminada con HTML5. Desde entonces, para centrar texto en HTML, se utiliza CSS. Dado que el parámetro necesario `text-align` ya define la estructura del documento dentro de la etiqueta `style`, el código se vuelve más ordenado y se pueden evitar errores. ## ¿Cómo centrar texto en HTML? Para centrar texto en un documento HTML, hoy se utiliza el [comando CSS](https://www.ionos.mx/digitalguide/paginas-web/diseno-web/comandos-de-css/) `text-align`. Con esta instrucción, el texto correspondiente se formatea horizontalmente. Durante mucho tiempo, se usó para este propósito la etiqueta HTML `
`, que ahora está obsoleta. Este método **ya no es compatible** desde [HTML5](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-html5/). ## Centrar texto en HTML con `text-align` en CSS Desde HTML5, se especifica la instrucción para centrar un texto en HTML dentro de la [etiqueta style](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/html-tag-style/). Este proceso se puede ilustrar fácilmente con un pequeño ejemplo. En el siguiente código, centramos el título, el texto y un contenedor [HTML div](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/html-div/) en nuestro documento HTML: ```html

Aquí va el encabezado

Aquí va el contenido

En este lugar se encuentra un div
``` De este modo, la estructura del documento se define de antemano. Esto garantiza que el código se mantenga ordenado y se eviten errores. ## La obsoleta etiqueta HTML `
` En versiones anteriores del lenguaje de programación web, se utilizaba la [etiqueta HTML](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/html-tags/) `
`, que te mostramos para completar este artículo. Sin embargo, dado que está obsoleta y ya no es compatible, debes **recurrir a la solución con CSS**. La sintaxis de `
` para texto HTML era la siguiente: ```html

Texto

``` En el siguiente ejemplo puedes ver cómo se utilizaba exactamente la etiqueta HTML `
` en la práctica. A diferencia de la solución moderna, se tenía que cambiar el código directamente en el [cuerpo](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/html-body/) para centrar el texto en HTML. Dependiendo de la extensión y la estructura, esto resultaba en un **código desordenado** y era significativamente más propenso a errores: ```html

Aquí habría un texto que no está centrado.

Aquí habría un texto que está centrado.

``` El resultado se vería más o menos así: [![Imagen: Ejemplo de centrado HTML](https://www.ionos.mx/digitalguide/fileadmin/_processed_/3/f/csm_centrar-html-ejemplo_73e5a5fa75.webp "Ejemplo de centrado HTML")](https://www.ionos.mx/digitalguide/fileadmin/DigitalGuide/Screenshots_2024/centrar-html-ejemplo.png) En el ejemplo, puedes ver que el texto se sitúa en el centro de la etiqueta central. Consejo Todo lo que necesitas saber sobre el [Hypertext Markup Language](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/que-es-html/) lo encuentras en nuestra Digital Guide. Te explicamos, por ejemplo, cómo dar tus [primeros pasos con HTML](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/aprende-html-tutorial-para-principiantes/). También, si te preguntas cómo [incluir CSS en HTML](https://www.ionos.mx/digitalguide/paginas-web/diseno-web/css-en-html/), te ofrecemos el tutorial adecuado con muchos ejemplos prácticos. This is a markdown version of: [https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/centrar-texto-en-html/](https://www.ionos.mx/digitalguide/paginas-web/desarrollo-web/centrar-texto-en-html/) for AI/LLM consumption.