Spacing
Things to check for:
Content is still visible/available when:
- Line height is set to 1.5 times the font size.
- Paragraph spacing is set to 2 times the font size.
- Letter spacing is set to 0.12 times the font size.
- Word spacing is set to 0.16 times the font size.
Use the following CSS to check spacing:
* { line-height:1.5em !important} /* Line spacing */
p {margin-bottom:2em !important} /* Paragraph spacing */
* {letter-spacing: 0.12em !important} /* Letter spacing */
* {word-spacing: 0.16em !important;} /* Word spacing */
Sample text 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lacinia eleifend congue. In hac habitasse platea dictumst. Phasellus sapien ex, auctor sed purus eget, dignissim feugiat lorem. Morbi fermentum at augue a tristique. Praesent dui dolor, imperdiet id tempor eget, vehicula a leo. Fusce luctus magna ac nunc facilisis viverra.
Curabitur sit amet suscipit nibh. Fusce dignissim imperdiet erat vel congue. Integer varius nunc id sagittis porta. Quisque euismod libero id neque pretium, et venenatis quam porta. Mauris quis neque leo. Vivamus cursus id mi non sagittis. Aliquam erat volutpat. Morbi ultrices lobortis elementum. Vestibulum metus orci, sagittis nec nisi sit amet, auctor sodales ipsum. Quisque id lorem venenatis, tincidunt lacus nec, vulputate sem.
Sample text 2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lacinia eleifend congue. In hac habitasse platea dictumst. Phasellus sapien ex, auctor sed purus eget, dignissim feugiat lorem. Morbi fermentum at augue a tristique. Praesent dui dolor, imperdiet id tempor eget, vehicula a leo. Fusce luctus magna ac nunc facilisis viverra.
Curabitur sit amet suscipit nibh. Fusce dignissim imperdiet erat vel congue. Integer varius nunc id sagittis porta. Quisque euismod libero id neque pretium, et venenatis quam porta. Mauris quis neque leo. Vivamus cursus id mi non sagittis. Aliquam erat volutpat. Morbi ultrices lobortis elementum. Vestibulum metus orci, sagittis nec nisi sit amet, auctor sodales ipsum. Quisque id lorem venenatis, tincidunt lacus nec, vulputate sem.
Sample text 3
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla lacinia eleifend congue. In hac habitasse platea dictumst. Phasellus sapien ex, auctor sed purus eget, dignissim feugiat lorem. Morbi fermentum at augue a tristique. Praesent dui dolor, imperdiet id tempor eget, vehicula a leo. Fusce luctus magna ac nunc facilisis viverra.
Curabitur sit amet suscipit nibh. Fusce dignissim imperdiet erat vel congue. Integer varius nunc id sagittis porta. Quisque euismod libero id neque pretium, et venenatis quam porta. Mauris quis neque leo. Vivamus cursus id mi non sagittis. Aliquam erat volutpat. Morbi ultrices lobortis elementum. Vestibulum metus orci, sagittis nec nisi sit amet, auctor sodales ipsum. Quisque id lorem venenatis, tincidunt lacus nec, vulputate sem.