Hypertekstimerkinnän kielen (HTML) marginaali on ominaisuus, joka määrittää elementtien välisen etäisyyden. Sitä voidaan käyttää yhdessä pehmusteiden, elementtien sisäisen tilan, kanssa esineiden järjestämiseksi visuaalisesti. Marginaalit voivat olla tarpeen lukemisen helpottamiseksi ja esteettisten tarkoitusten vuoksi. Kun elementit on tiivistetty tiiviisti yhteen, se voi antaa verkkosivustolle kiireisen ilmeen, joka saattaa olla käyttäjiä häiritsevää. Oikeat välit HTML -marginaalilla luovat tasapainoisemman ja tasaisemman ulkonäön, joka pysyy visuaalisesti mielenkiintoisena, mutta ei ylivoimaisena.
Kun kehittäjä asettaa HTML -marginaalin, se voi kestää jopa neljä arvoa. Jos annetaan yksi arvo, selain olettaa, että objektin ympärillä olevien marginaalien tulee olla samat kaikilla puolilla. Kahden arvon osalta se käyttää ensimmäistä ylä- ja alaosassa ja toista vasemmassa ja oikeassa. Kolme arvoa rajaavat yläreunan, mitat sivuilla ja alhaalla. Tapauksissa, joissa kaikki neljä on määritetty, selain asettaa ylä-, vasen-, oikea- ja alareunan määritetyn mukaisesti.
Jokainen HTML -marginaali tarjoaa jonkin verran visuaalista tilaa elementin ulkopuolelle. Klassisessa esimerkissä web -suunnittelijalla saattaa olla navigointipalkki sivun yläosassa. Ilman marginaaleja seuraava elementti, kuten laatikko, jossa on sisältöä, osuu välittömästi navigointipalkkia vasten. Tämä ei vaikuttaisi kovin miellyttävältä ja voisi myös vaikeuttaa sivuston käyttöä. HTML -marginaali voisi antaa tilaa sisällön ympärille, jolloin valikon ja sisällön väliin jää tilaa niiden erottamiseksi visuaalisesti.
Suunnittelijat voivat asettaa HTML -marginaalin prosentteina tai arvoina, kuten em tai pikseliä. Paras vaihtoehto voi riippua suunnittelijan mieltymyksistä ja sivuston yleisestä ulkoasusta. Suunnittelussa on tärkeää käyttää johdonmukaisia mittauksia. Jos marginaalit annetaan esimerkiksi prosentteina, niin myös pehmusteiden tulisi olla ristiriitojen välttämiseksi.
Toinen näkökohta voi olla näytön koon tai näytön muutokset, joita voi tapahtua mobiililaitteissa tai tietokoneissa, joissa käyttäjät suurentavat sisältöä luettavuuden vuoksi. Jos rakenne ei ole joustava, sisältö voi valua ulos säiliöistä, valua sivulta tai suurentaa oikein. Tämä voi vaikeuttaa sivuston lukemista ja joissakin tapauksissa saattaa rikkoa sisällön, joten käyttäjät eivät voi käyttää sitä ollenkaan. Testauksessa suunnittelijat voivat tutkia useita eri selaimia ja kokeilla suurennusta ja kutistumista nähdäkseen, mitä näytölle tapahtuu.