<div class=“ganze-breite”>

Umschließt Ele­mente, die die gesamte Bild­schirm­breite ein­neh­men sol­len, also die max. mög­li­che Breite

<div class=“seiten-breite”>

Umschließt Ele­mente, die die vor­ein­ge­stellte Breite (CSS) für den Inhalt haben sol­len, also zwi­schen lin­kem und rech­tem Rand des Designs (nicht zu ver­wech­seln mit der Bildschirmbreite)

<div class=“breit”>

Das DIV soll eine Breite vom lin­ken bis zum rech­ten Design-Rand haben

<div class=“schmal”>

Das DIV soll eine pro­zen­tuale Breite (CSS) von der Design-Breite haben

<div class=“links”>

Umschließt Ele­mente, die links ange­ord­net wer­den sollen

<div class=“rechts”>

Umschließt Ele­mente, die rechts ange­ord­net wer­den sollen

<div class=“gruen-transparent>

Erzeugt einen grün-trans­pa­ren­ten Hintergrund

<div class=“textbox”>

Das DIV soll eine Text­box mit der ein­ge­stell­ten Breite (CSS) sein. erscheinen

<div class=“textbox-padding”>

Das DIV soll den vor­ein­ge­stell­ten Anstand zwi­schen sei­nem Rand und dem ent­hal­te­nen Text haben

<div class=“verschiebung-nach-oben‑1”>

Das DIV soll um den ein­ge­stell­ten Wert (im CSS) nach oben ver­scho­ben wer­den, damit es sich mit dem obe­ren Ele­ment überlappt.

<div class=“abstand-nach-unten”>

Das DIV soll nach unten den ein­ge­stell­ten Wert (im CSS) zum nächs­ten fol­gen­den Ele­ment haben.