Bloques y elementos en línea
Todos los elementos HTML tienen un valor de visualización predeterminado según el tipo de elemento que sea.
Los dos valores de visualización son: block e inline.
Bloques
Un elemento de nivel de bloque siempre comienza en una nueva línea y ocupa todo el ancho disponible (se extiende hacia la izquierda y hacia la derecha tanto como sea posible).
En línea
Un elemento en línea no comienza en una nueva línea y solo ocupa el ancho que sea necesario.
El elemento <div>
El elemento <div> se usa a menudo como contenedor para otros elementos HTML.
El elemento <div> no tiene atributos obligatorios, pero style, class e id se suelen usar.
El elemento <span>
El elemento <span> a menudo se usa como contenedor para textos.
El elemento <span> no tiene atributos obligatorios, pero style, class e id se suelen usar.
