Layout-Expansion-Kit

Weitere Elemente Layout-Expansion-Kit

Titel: Mit und ohne Hintergrund

Titel 28px (gridBoxTitleLarge)

Titel 23px (gridBoxTitleMedium)

Titel 18px (gridBoxTitleSmall)

Titel 28px (gridBoxTitleLarge gridBoxfilledContent)

Titel 23px (gridBoxTitleMedium gridBoxfilledContent)

Titel 18px (gridBoxTitleSmall gridBoxfilledContent)

HTML-Code anzeigen

Äußerer Abstand

Äußerer Abstand: Oben und Unten (gridBoxMargin)
Äußerer Abstand: Oben (gridBoxMarginTop)
Äußerer Abstand: Unten (gridBoxMarginBottom)

HTML-Code anzeigen

Innerer Abstand

Innerer Abstand: Oben - Unten (gridBoxPadding20)
Innerer Abstand: Links - Rechts (gridBoxPadding02)
Innerer Abstand: Alle Seiten (gridBoxPadding4)

HTML-Code anzeigen

Liste

  • Liste (gridBoxList)
  • Nullam quis ante In ac dui quis Nullam quis ante In ac dui quis
  • Vestibulum ante Orci eget eros Vestibulum ante Orci eget eros
  • In ac dui quis mi Nullam quis ante In ac dui quis mi Nullam quis ante
  • Orci eget eros In ac dui quis Orci eget eros In ac dui quis
  • Liste (gridBoxList gridBoxCenter)
  • Nullam quis ante In ac dui quis Nullam quis ante In ac dui quis
  • Vestibulum ante Orci eget eros Vestibulum ante Orci eget eros
  • In ac dui quis mi Nullam quis ante In ac dui quis mi Nullam quis ante
  • Orci eget eros In ac dui quis Orci eget eros In ac dui quis
  • Liste (gridBoxList gridBoxJustify)
  • Nullam quis ante In ac dui quis Nullam quis ante In ac dui quis
  • Vestibulum ante Orci eget eros Vestibulum ante Orci eget eros
  • In ac dui quis mi Nullam quis ante In ac dui quis mi Nullam quis ante
  • Orci eget eros In ac dui quis Orci eget eros In ac dui quis
  • Liste (gridBoxList gridBoxJustify gridBoxfilledContent)
  • Nullam quis ante In ac dui quis Nullam quis ante In ac dui quis
  • Vestibulum ante Orci eget eros Vestibulum ante Orci eget eros
  • In ac dui quis mi Nullam quis ante In ac dui quis mi Nullam quis ante
  • Orci eget eros In ac dui quis Orci eget eros In ac dui quis
  • Ante Orci eget eros Vestibulum
  • Nullam quis ante In ac dui quis Nullam
  • Vestibulum ante Orci eget eros Vestibulum
  • In ac dui quis mi Nullam quis ante In ac dui
  • Orci eget eros In ac dui quis Orci eget

HTML-Code Liste 1 anzeigen

HTML-Code Liste 2 anzeigen

HTML-Code Liste 3 anzeigen

HTML-Code Liste 4 anzeigen

HTML-Code Liste 5 anzeigen

Code praktisch angewendet

Donec vitae sapien

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

  • Ante Orci eget eros Vestibulum
  • Nullam quis ante In ac dui quis Nullam
  • Vestibulum ante Orci eget eros Vestibulum
  • In ac dui quis mi Nullam quis ante In ac dui
  • Orci eget eros In ac dui quis Orci eget

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Donec vitae sapien

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

  • Ante Orci eget eros Vestibulum
  • Nullam quis ante In ac dui quis Nullam
  • Vestibulum ante Orci eget eros Vestibulum
  • In ac dui quis mi Nullam quis ante In ac dui
  • Orci eget eros In ac dui quis Orci eget

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

Donec vitae sapien

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

  • Ante Orci eget eros Vestibulum
  • Nullam quis ante In ac dui quis Nullam
  • Vestibulum ante Orci eget eros Vestibulum
  • In ac dui quis mi Nullam quis ante In ac dui
  • Orci eget eros In ac dui quis Orci eget

Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt.

HTML-Code Beispiel 1 anzeigen

HTML-Code Beispiel 2 anzeigen

HTML-Code Beispiel 2 anzeigen