Etiqueta HTML <center>
La etiqueta <center> es un elemento de bloque, lo que significa que puede contener otros elementos de bloque y en línea. El contenido de la etiqueta <center> (texto, elementos gráficos, tablas, etc.) se alinea al centro.
peligro
La etiqueta
<center>es una etiqueta HTML obsoleta y no está soportada en HTML5. En su lugar, utiliza la propiedad CSS text-align que se aplica al elemento<div>o a<p>. Cuando se aplicatext-align: centera<div>o<p>, el contenido de estos elementos se centrará, pero sus dimensiones totales no cambiarán.
Puedes utilizar las propiedades CSS margin-left y margin-right con valores auto para centrar elementos de bloque.
Sintaxis
La etiqueta <center> se utiliza en pares. El contenido se escribe entre las etiquetas de apertura (<center>) y cierre (</center>).
Alineación del texto|Ejemplo de código HTML de <center>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This text is aligned to the left.</p>
<center>And this one is placed in the center.</center>
</body>
</html>Resultado
Uso de estilos CSS
Como ya mencionamos, la etiqueta <center> no está soportada en HTML5. En su lugar, utilizamos estilos CSS.
Ejemplo con la propiedad CSS text-align:
Ejemplo de alineación centrada|Etiqueta HTML <center>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<p>This text is aligned to the left.</p>
<p style="text-align:center">And this one is placed in the center.</p>
</body>
</html>Ejemplo con las propiedades CSS margin:
Centrado de elementos de bloque|Etiqueta HTML <center>|W3Docs
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
<div style="margin-left:auto; margin-right:auto; width:50%;">
This block is centered.
</div>
</body>
</html>Práctica
¿Cuáles de las siguientes afirmaciones son verdaderas respecto a la etiqueta HTML <center>?