Technique C19:Specifying alignment either to the left or right in CSS

About this Technique

This technique relates to 1.4.8 Visual Presentation (Sufficient).

This technique applies to CSS.

Techniques are examples of ways to meet Web Content Accessibility Guidelines (WCAG). They are not required to meet WCAG. Content can satisfy the normative requirements of WCAG even if it does not use any of the documented techniques. See About WCAG Techniques.

Description

This technique describes how to align blocks of text either left or right by setting the CSS text-align property.

Examples

Example 1: Aligning text to the left

In the following example, text is aligned left. In the style sheet, define the class:

p.left {text-align: left}

In the content call the up the class.

<p class="left"> Lorem ipsum dolor sit ...</p>

Example 2: Aligning text to the right

In the following example, text is aligned right.

p.right {text-align: right}

In the content call the up the class.

<p class="right"> Lorem ipsum dolor sit ...</p>