Robove lahko dodamo okoli odstavkov, naslovov in drugih HTML elementov. Rob ustvari dodaten prazen prostor nad, pod, ali na obeh straneh elementa. Če imamo npr. odstavek, ki bi običajno bil videti takole ...

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat

... bi z dodanim levim in desnim robom bil videti takole ...

     Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed
     do eiusmod tempor incididunt ut labore et dolore magna
     aliqua. Ut enim ad minim veniam, quis nostrud exercitation
     ullamco laboris nisi ut aliquip ex ea commodo consequat

Tukaj je primer kode CSS, ki ustvari odstavek z razredom rob, ki doda rob na vseh štirih straneh odstavka.

p.rob {
margin: 2em 2em 2em 2em;
}

Krajši način je ...

p.rob {
margin: 2em;
}

Če določamo rob, najprej določimo zgornji rob, nato pa nadaljujemo v smeri urinega kazalca. Če želimo npr. določiti rob na levi strani 2em, na desni strani 3em, zgoraj in spodaj pa ne želimo roba, napišemo ...

p {
margin: 0 3em 0 2em 0;
}

Kadar ne želimo dodati roba, napišemo 0, in ne 0em.

Namesto da bi določili vse štiri robove, lahko določimo tudi samo enega. V naslednjem primeru določimo spodnji rob ...

p {
margin-bottom: 2em;
}

Določimo lahko še zgornji rob "margin-top", desni rob "margin-right" in levi rob "margin-left".