Cajas

Las etiquetas como h1,h2,h3, p son etiquetas que funcionan en bloque esto quiere decir que ocupan todo el espacio de una fila

Por lo que si queremos que ocupen el mismo bloque cambiamos la etiqueta o clase en css de display que viene por defecto en display:block; por display: inline;



Titulo con inline

Titulo con inline

Titulo con inline

Titulo con inline


Propiedades en caja

Si queremos que solo coloque el background en una parte del texto usamos display:inline-block

Propiedades en caja con display:inline-block