Desarrollo Web: CSS - Block vs Inline

En CSS la propiedad display puede tener un montón de valores (compact, inherit, list-item, etc), nosotros nos vamos a centrar en los dos más interesantes:

• Block: La capa se apropia de toda la anchura máxima disponible y fuerza a que antes de ella se produzca un salto de línea y a que después de ella comience otra nueva línea. Por defecto este es el valor que tienen todas las capas.
  
• Inline: Utiliza sólo la anchura que necesita.

Vamos a poner aquí un par de pequeños ejemplos para ver la diferencia:

Con display:block:

Lore Ipsum Lore Ipsum

Capa con block

Lore Ipsum Lore ipsum

Con display:inline:

Lore Ipsum Lore Ipsum

Capa con inline

Lore Ipsum Lore Ipsum

Así que ya sabéis, dependiendo de cada situación pues tocará elegir un sistema u otro.