CSS2 Test Suite: 16.1 text-indent

[index page] [section] [Previous] [Next] [Specification]

The style declarations contained within this page:

.cl1 {text-indent: 0.5in; background: aqua;}
.cl2 {text-indent: 2cm; background: aqua;}
.cl3 {text-indent: 20mm; background: aqua;}
.cl4 {text-indent: 24pt; background: aqua;}
.cl5 {text-indent: 2pc; background: aqua;}
.cl6 {text-indent: 2em; background: aqua;}
.cl7 {text-indent: 2ex; background: aqua;}
.cl8 {text-indent: 50%; background: aqua;}
.cl9 {text-indent: 25px; background: aqua;}
blockquote {text-indent: 50%; background: aqua;}
div.parent {text-indent: 50%; width: 400px;}
div.inh1 {text-indent: 10px; margin: 25px;}
div.inh2 {text-indent: 10%; margin: 25px;}


[cl1] The first line of this paragraph should be indented half an inch. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl2] The first line of this sentence should be indented two centimeters. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl3] The first line of this sentence should be indented twenty millimeters. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl4] The first line of this sentence should be indented twenty-four points. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl5] The first line of this sentence should be indented two picas. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl6] The first line of this sentence should be indented two em. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl7] The first line of this sentence should be indented two ex. No other line in the paragraph should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[cl8] The first line of this sentence should be indented halfway across the page, but the rest of it should be flush with the normal left margin of the page. Line-wrapping will have to occur in order to properly test this assertion.

[cl9] The first line of this sentence should be indented 25 pixels, but the rest of it should be flush with the normal left margin of the page. Line-wrapping will have to occur in order to properly test this assertion.

[cl1] Only the first line of this sentence should be indented half an inch,
no matter where the lines might start, and
regardless of any other markup which may be present.

[blockquote] The first line of this BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since BLOCKQUOTE is a child of BODY. No other line in the element should be so indented, although line-wrapping will have to occur in order to properly test this assertion.

[div.parent] This DIV has been set with parental styles. The inline elements within this DIV are enclosed in square brackets in order to more easily discern their placement.
[div.inh1] This DIV should have its first line indented by half the width of its parent element, as it has a style attribute set to inherit the text-indent value. [/div.inh1]
[div.inh2] This DIV should have its first line indented by half the width of its parent element, as it has a style attribute set to inherit the text-indent value. [/div.inh2]
This is the end of the parent DIV. [/div.parent]

[index page] [section] [Previous] [Next] [Specification]