---
title: <center> (obsoleto)
slug: Web/HTML/Elemento/center
tags:
  - HTML
  - 'HTML:Elemento'
  - Todas_las_Categorías
translation_of: Web/HTML/Element/center
---
<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3>

<p>{{obsolete_header()}}<br>
 El elemento obsoleto <a href="es/HTML/Elemento/center">center</a> (centro) crea una caja en bloque con el contenido centrado. En realidad es equivalente a un <a href="es/HTML/Elemento/div">div</a> con <code>align="center"</code></p>

<dl>
 <dd><strong>Sus etiquetas son</strong>: &lt;center&gt; y &lt;/center&gt; (ambas obligatorias).</dd>
</dl>

<dl>
 <dd><strong>Crea una caja</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.</dd>
</dl>

<dl>
 <dd><strong>Está definido como</strong>: <a href="es/HTML/Elemento/Tipos_de_elementos#desaprobado">Elemento desaprobado</a>.</dd>
</dl>

<blockquote>
<dl>
 <dt>Actualmente la mejor <a href="https://juanmcastro.es/tutoriales/como-centrar-texto-en-html/">forma de centrar texto no es con html</a>, con css tenemos infinidad de posibilidales para centrar el texto vertical, horizontal, izquierda, dercha, justificado y todo lo que necesitemos.</dt>
</dl>
</blockquote>

<dl>
 <dd><strong>Puede contener</strong>: cero o más elementos <a href="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a> y <a href="es/HTML/Elemento/Tipos_de_elementos#en_linea">en linea</a></dd>
</dl>

<h4 id="Atributos" name="Atributos">Atributos</h4>

<table class="standard-table">
 <tbody>
  <tr>
   <th>Atributo</th>
   <th colspan="2">valor</th>
   <th>descripción</th>
  </tr>
  <tr>
   <th colspan="4">Genéricos</th>
  </tr>
  <tr>
   <td colspan="4">Ver atributos de transición.</td>
  </tr>
  <tr>
   <th colspan="4">Específicos</th>
  </tr>
  <tr>
   <td colspan="4">No tiene</td>
  </tr>
  <tr>
   <th colspan="4">De transición (Solo tiene los genéricos)</th>
  </tr>
  <tr>
   <td><code style="color: green;">title</code></td>
   <td>texto</td>
   <td>implícito</td>
   <td>título consultivo del elemento.</td>
  </tr>
  <tr>
   <td><code style="color: green;">style</code></td>
   <td>reglas de estilo</td>
   <td>implícito</td>
   <td>información de estilo en línea.</td>
  </tr>
  <tr>
   <td><code style="color: green;">id</code></td>
   <td>ID</td>
   <td>implícito</td>
   <td>identificador único a nivel de documento.</td>
  </tr>
  <tr>
   <td><code style="color: green;">class</code></td>
   <td>lista de clases separadas por espacios</td>
   <td>implícito</td>
   <td>identificador a nivel de documento, .</td>
  </tr>
  <tr>
   <td><code style="color: green;">dir</code></td>
   <td>uno de los siguientes:"ltr" o "rtl"</td>
   <td>implícito</td>
   <td>dirección del texto débil/neutral</td>
  </tr>
  <tr>
   <td><code style="color: green;">lang</code></td>
   <td>código de idioma</td>
   <td>implícito</td>
   <td>información sobre el idioma</td>
  </tr>
  <tr>
   <td colspan="4"><strong>Eventos</strong>: <code style="color: green;">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.</code></td>
  </tr>
  <tr>
   <th>Atributo</th>
   <th colspan="2">valor</th>
   <th>descripción</th>
  </tr>
 </tbody>
</table>

<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3>

<pre>&lt;center&gt;
 elemento center
&lt;/center&gt;
&lt;div align='center'&gt;
 elemento div con: align='center'
&lt;/div&gt;
</pre>