Como hemos visto anteriormente, todo en CSS tiene una caja a su alrededor, y entender estas cajas es clave para ser capaz de crear diseños más complejos con CSS, o para alinear elementos con otros elementos.
En CSS existen varios tipos de cajas que generalmente encajan en las categorías de cajas (block) y cajas en línea (inline). El tipo se refiere a cómo se comporta la caja en términos de flujo de página y en relación con otras cajas en la página. Las cajas tienen un tipo de visualización interior (inner) y un tipo de visualización exterior (outer).
En general, puede establecer varios valores para el tipo de visualización utilizando la propiedad display.