Mittels des CSS-Attributes ''margin'' kann der Abstand zwischen Bild und umgebenden Elementen (z.B. Text) geregelt werden. Für gewöhnlich muss dieses Attribut nicht separat angegeben werden, aber manchmal kann es hilfreich sein um den Text nicht so dicht an das Bild "heranrücken" zu lassen. In den obigen Beispielen wurde ''margin'' teilweise verwendet, mit höheren Zahlenwerten steigt entsprechend der Abstand.<br>

Dabei gilt folgende Reihenfolge: oben, rechts, unten, links. Also margin:10px 20px 30px 40px; bedeutet 10 Bildpunkte Abstand nach oben, 20 nach rechts, 30 nach unten und 40 nach links und zwar vom Bild aus gesehen. Das heißt, ist das Bild linksbündig angeordnet, müsste man den zweiten Wert modifizieren, um Abstand zum Text zu bekommen. Ist das Bild rechtsbündig angeordnet, den vierten.