Font-size : 14px
Line-height : 1.5
Vertical space : Margin Top
Symetric spaces
For this column ("Testing") I used a grid-system to show content side by side, the rule :
hn:first-child{margin-top: 0} (commented in the output CSS) is not used.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas. Praesent eu luctus leo. Curabitur nisi ligula, pretium quis dictum at, ultrices in enim.
Integer diam sem, adipiscing sed ultrices in, gravida non metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas. Praesent eu luctus leo.
Integer diam sem, adipiscing sed ultrices in, gravida non metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas. Praesent eu luctus leo. Curabitur nisi ligula, pretium quis dictum at, ultrices in enim. Vivamus et justo enim.
Integer diam sem, adipiscing sed ultrices in, gravida non metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas.
Integer diam sem, adipiscing sed ultrices in, gravida non metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas. Donec elit leo, facilisis quis pharetra quis, pellentesque id erat.
Integer diam sem, adipiscing sed ultrices in, gravida non metus.
The <blockquote> element represents a quoted section — W3C
| Table Header 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
Table with caption thead tfoot tbody
| Table Header 1 | Table Header 2 | Table Header 3 |
|---|---|---|
| tfoot | ||
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
| Division 1 | Division 2 | Division 3 |
Paragraph .small Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas.
Praesent eu luctus leo. Curabitur nisi ligula, pretium quis dictum at, ultrices in enim. Vivamus et justo enim. Suspendisse quis molestie nulla. Phasellus ut tellus lacus, quis vulputate metus. Curabitur non purus ac tellus rutrum molestie sit amet quis massa. Sed non tempus elit. Donec elit leo, facilisis quis pharetra quis, pellentesque id erat.
Paragraph .biggest (+10) Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas. Praesent eu luctus leo.
Curabitur nisi ligula, pretium quis dictum at, ultrices in enim. Vivamus et justo enim. Suspendisse quis molestie nulla. Phasellus ut tellus lacus, quis vulputate metus. Curabitur non purus ac tellus rutrum molestie sit amet quis massa. Sed non tempus elit. Donec elit leo, facilisis quis pharetra quis, pellentesque id erat.
Paragraph .bigger Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec euismod ullamcorper justo ac vulputate. Mauris in lectus ut elit mattis tincidunt. Aenean a orci vel nisl iaculis egestas. Praesent eu luctus leo. Curabitur nisi ligula, pretium quis dictum at, ultrices in enim. Vivamus et justo enim. Suspendisse quis molestie nulla. Phasellus ut tellus lacus, quis vulputate metus. Curabitur non purus ac tellus rutrum molestie sit amet quis massa. Sed non tempus elit. Donec elit leo, facilisis quis pharetra quis, pellentesque id erat.