Tilpas marginer og padding

Hvad er margin og padding - og hvornår bruger du hvad?

Når du justerer layout på dine sider, arbejder du primært med margin og padding.
Begge dele handler om luft - men de bruges til to forskellige ting.

Padding - luft inde i elementet

Padding er afstanden mellem indholdet og kanten af elementet.

Brug padding når:

  • Tekst eller indhold sidder for tæt på kanten

  • Et element skal “ånde” mere

  • Du vil gøre et element mere læsbart

👉 Padding flytter ikke andre elementer - kun indholdet inde i rammen.

Margin – luft udenfor elementet

Margin er afstanden mellem elementet og det næste element.

Brug margin når:

  • Elementer ligger for tæt på hinanden

  • Du vil skabe afstand mellem sektioner eller elementer

  • Du vil justere vertikal afstand på siden

👉 Margin påvirker placeringen i forhold til andre elementer.

  1. 1. Vælg hvilken ramme du vil justere (sektion, kolonne eller element)

    Vælg hvilken ramme du vil justere (sektion, kolonne eller element)

  2. 2. Gå derefter til fanen "Styles"

    Gå derefter til fanen "Styles"

  3. 3. Scroll ned til afsnittet "Margin & Padding"

    Scroll ned til afsnittet "Margin & Padding"

  4. 4. Indtast dine værdier for Margin og/eller Padding

    Her kan du:

    • Klikke direkte på en værdi under Margin eller Padding

    • Indtaste din egen værdi (fx 20)

    • Vælge en af de foreslåede værdier

    • Justere hver side individuelt (top, bund, venstre, højre)

    👉 Start altid med små værdier og justér gradvist.

    Du kan også bruge negative margin-værdier (fx -50px) til at lade elementer overlappe hinanden.

    👉 Bruges typisk til design-effekter

    Indtast dine værdier for Margin og/eller Padding

  5. 5. Når du har fundet det rette mellemrum, klik på "Save" eller "Publish" for at gemme dine ændringer.

    Når du har fundet det rette mellemrum, klik på "Save" eller "Publish" for at gemme dine ændringer.