Specifying line spacing in CSS

ID: C21

Technology: css

Type: Technique

When to Use

CSS

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

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.

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

Resources