En HTML-marginal (Hypertext Markup Language) är en egenskap som bestämmer avståndet utanför element. Den kan användas i sammanhang med stoppning, utrymmet inuti elementen, för att organisera objekt visuellt. Marginaler kan vara nödvändiga för enkel läsning och estetiska syften. När element är proppade tätt tillsammans kan det ge en webbplats ett hektiskt utseende som kan vara störande för användarna. Korrekt avstånd med en HTML-marginal skapar ett mer balanserat, jämnt utseende som förblir visuellt intressant, men inte överväldigande.
När en utvecklare ställer in HTML-marginalen kan den ta upp till fyra värden. Om ett enstaka värde anges, kommer webbläsaren att anta att marginalerna runt objektet ska vara lika på alla sidor. För två värden kommer den att använda det första för toppen och botten, och det andra för vänster och höger. Tre värden visar den övre marginalen, måtten på sidorna och botten. I de fall där alla fyra är definierade kommer webbläsaren att ställa in toppen, vänster, höger och botten som specificerat.
Varje HTML-marginal ger lite visuellt utrymme runt utsidan av ett element. I ett klassiskt exempel kan en webbdesigner ha ett navigeringsfält överst på en sida. Utan marginaler skulle nästa element, som en ruta med innehåll, hamna direkt mot navigeringsfältet. Detta skulle inte se särskilt trevligt ut och kan också göra webbplatsen svår att använda för användarna. En HTML-marginal kan ge utrymme runt innehållet och skapa ett spelrum mellan menyn och innehållet för att separera dem visuellt.
Designers kan ställa in en HTML-marginal som en procentandel, eller i ett värde som em eller pixlar. Det bästa alternativet kan bero på designerns preferenser och webbplatsens övergripande utseende och känsla. Det är viktigt att använda konsekventa mått i designen. Om marginaler anges i procent, till exempel, bör utfyllnad också göra det för att undvika konflikter.
En annan övervägande kan vara förändringar av skärmstorlek eller visning, som kan inträffa på mobila enheter eller datorer där användare förstora innehållet för läsbarhet. Om designen inte är flexibel kan innehåll spilla ut ur behållare, rinna av sidan eller misslyckas med att förstora ordentligt. Detta kan göra webbplatsen svår att läsa, och i vissa fall kan innehållet bryta så att användarna inte kan komma åt det alls. I tester kan designers utforska flera olika webbläsare och kan experimentera med förstoring och krympning för att se vad som händer med skärmen.