Das Box-Modell beschreibt, wie viel Platz ein Element auf einer Webseite einnimmt. Es ist wie ein gerahmtes Bild: Das Bild liegt innen, ein Passepartout umgibt es, ein Rahmen schließt es ein, und freie Wand trennt es von anderen Bildern.
Bei einer Web-Box liegt der Inhalt innerhalb des Innenabstands, darauf folgt der Rahmen, und außen liegt der Außenabstand. Diese Ebenen beeinflussen die wahrgenommene Größe eines Elements und seinen Abstand zu Nachbarelementen.
Mit diesem Wissen lässt sich erklären, warum eine Karte mehr Platz benötigt als nur ihr Bild oder Text. Passe die richtige Ebene an, um entweder den Innenraum oder den Abstand zu anderen Elementen zu ändern.