This is an unpublished editor’s draft that might include content that is not finalized. View the published version

Skip to content

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.

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>

Tests

Procedure

  1. Check that the text is aligned either left or right.

Expected Results

  • Check #1 is true.
Back to Top