Skip to content

Technique C21:Specifying line spacing in CSS

Applicability

CSS

This technique relates to:

Description

Many people with cognitive disabilities have trouble tracking lines of text when a block of text is single spaced. Providing spacing between 1.5 to 2 allows them to start a new line more easily once they have finished the previous one.

Examples

Example 1: Setting the element to 1.5 line height

In the style sheet set the characteristics of the element.

body { line-height: 1.5; }

This sets the line height of everything in the body of the document to 1.5.

Other sources

No endorsement implied.

Tests

Procedure

  1. Open content in a browser.
  2. Check that the spacing between lines in blocks of text is between 1.5 and 2.

Expected Results

  • Test Procedure #2 is true.
Back to Top