Elemento div en HTML

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 classid), 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 contenidoElemento organizativo.
Contenido permitidoElemento organizativo.
AcrónimoLas etiquetas de inicio o finalización no se pueden omitir.
Elementos del padreCualquier elemento que acepte contenido organizacional, además del elemento <dl>.
Interfaz DOMOHTMLDivElement

Soporte de navegadores

ChromeFirefoxEdgeSafariÓpera
SoportadoSoportadoSoportadoSoportadoSoportado

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><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;
}