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;}


[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.
[cl8] This is a DIV which contains a paragraph; this paragraph has an inline style of text-indent: inherit. It should therefore inherit the value of 50%. And now:

This is the paragraph. Its first line should be indented by 50%. If not, then inherit is not supported for this element. Remember that line-wrapping should occur in order for this test to be meaningful. This is the end of the paragraph.

And now we're back to the DIV, which ends here.

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