W3docs
es
Iniciar sesión

Etiqueta HTML <center>

The <center> tag aligns the content to the center. Its equivalent in CSS is the text-align property. See examples.

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 aplica text-align: center a <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>
Pruébalo tú mismo »

Resultado

center example

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:

<!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>
Pruébalo tú mismo »

Ejemplo con las propiedades CSS margin:

<!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>
Pruébalo tú mismo »

Práctica

Práctica

¿Cuáles de las siguientes afirmaciones son verdaderas respecto a la etiqueta HTML &lt;center&gt;?