Teoría de las Cajas
En HTML, en cuanto a la distribución del espacio en pantalla, existen dos tipos de etiquetas: las de Bloque y las de Línea. La diferencia entre ambos radica en:
- Elemento de Bloque
-
Las de bloque ocupan todo el segmento horizontal de la página en la que se encuentre; es decir, horizontalmente los elementos de bloque siempre ocuparán el 100% del espacio disponible, por lo que todos los demás elementos del documento se ubicarán debajo de este.
- Elemento de Línea
-
Por otro lado, los elementos de línea son mucho más simples, ya que únicamente ocupan el espacio necesario horizontal y verticalmente, por lo que al utilizarse varios elementos de este tipo, estos se visualizarán uno al lado del otro.
Una particularidad de los elementos de línea es que no se les puede atribuir propiedades de dimensiones como height y width, ya que este tipo de etiquetas únicamente utilizarán el espacio necesario en base a su contenido.