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.
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).
Un elemento en línea no comienza en una nueva línea y solo ocupa el ancho que sea necesario.
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.
<div style="background-color:black;color:white;padding:20px;">
<h2>Lorem ipsum</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut lacus mi. Mauris sed gravida sem, vitae sodales quam. Vestibulum consequat cursus sagittis</p>
</div>
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.
<h1>Esto es <span style="color:red">importante</span> y rojo</h1>
