Font-size : 14px
Line-height : 1.5
Vertical space : Margin Bottom
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
Paragraph .smallLorem 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 .medLorem 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 .largerLorem 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.