Default margins

The Design

Theme: Strenger

Headers

Default margins:

  • Top: 0
  • Bottom: 1/2 line height

In case the header is coming after a paragraph/list/intro :

  • Top: 1 line height
  • Bottom: 1/2 line height

Following an Intro

Intro Text

Heading 1

Intro Text

Heading 2

Intro Text

Heading 3

Intro Text

Heading 4

Intro Text
Heading 5
Intro Text
Heading 6

Following a Paragraph

Paragraph

Heading 1

Paragraph

Heading 2

Paragraph

Heading 3

Paragraph

Heading 4

Paragraph

Heading 5

Paragraph

Heading 6

Following a List

  • List item 1
  • List item 2

Heading 1

  • List item 1
  • List item 2

Heading 2

  • List item 1
  • List item 2

Heading 3

  • List item 1
  • List item 2

Heading 4

  • List item 1
  • List item 2
Heading 5
  • List item 1
  • List item 2
Heading 6

Following a Regular div tag (Has no default top margin)

Text in a div tag

Heading 1

Text in a div tag

Heading 2

Text in a div tag

Heading 3

Text in a div tag

Heading 4

Text in a div tag
Heading 5
Text in a div tag
Heading 6

Paragraphs, Lists

Default margins:

  • Top: 0
  • Bottom: 1 line height

Paragraph

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Facilis sunt, expedita sequi illum soluta assumenda perferendis voluptas eius iure nobis, praesentium ipsam velit voluptate? Vel sint nesciunt quae recusandae voluptatum.

List

  • List item 1
  • List item 2