Elemento div en HTML

Un elemento div es un contenedor genérico de contenido que no es específico, que se puede usar para agrupar elementos con fines tales como formatear (usando las propiedades class o id), crear una nueva sección en el documento en otro idioma (usando la propiedad lang).

Ejemplo de uso del elemento <div>:

< div > 
  < p > Aquí se puede colocar cualquier tipo de contenido, incluidas tablas, etc. </ p > 
</ div >

Elemento div

Clasificaciones de contenido	Elemento organizativo.
Contenido permitido	Elemento organizativo.
Acrónimo	Las etiquetas de inicio o finalización no se pueden omitir.
Elementos del padre	Cualquier elemento que acepte contenido organizacional, además del elemento `<dl>`.
Interfaz DOMO	`HTMLDivElement`

Soporte de navegadores

Chrome	Firefox	Edge	Safari	Ópera
Soportado	Soportado	Soportado	Soportado	Soportado

Características

En este elemento se pueden utilizar propiedades globales.

La función está aligndesactualizada, obsoleta y no es compatible con HTML5, así que no la use.

Descripción de uso

El elemento sólo debe usarse <div> si ningún elemento organizativo es similar <article> o <nav> apropiado.

Ejemplos del uso

Un ejemplo del uso del elemento <div> para formatear una parte de un documento que contiene un párrafo ( <p>) y una tabla ( <table>):

< div  id = "styled-div" > 
  < p > Este es un contenido dentro del elemento &lt; div &gt; </ p > 
  < table > 
    < tr > 
      < th > primera columna </ th > 
      < th > segunda columna </ th > 
    </ tr > 
    < tr > 
      < td > primera celda </ td > 
      <td> celda </ td > 
    </ tr > 
  </ table > 
</ div >

Código CSS utilizado para formatear el elemento:

#styled-div {
  background-color: #fcfcfc;
  border: 1px solid #ccc;
  padding: 0.5em 1em;
}

Formato predeterminado

La mayoría de los navegadores muestran el elemento <div> con la propiedad establecida display en block:

div {
  display: block;
}