third_party/WebKit/LayoutTests/css1/text_properties/text_indent.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
   2 <HTML>
   3 <HEAD>
   4 <TITLE>CSS1 Test Suite: 5.4.7 text-indent</TITLE>
   5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
   6 <META http-equiv="Content-Style-Type" content="text/css">
   7
   8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.css">
   9 <STYLE type="text/css">
  10 .one {text-indent: 0.5in; background: aqua;}
  11 .two {text-indent: 2cm; background: aqua;}
  12 .three {text-indent: 20mm; background: aqua;}
  13 .four {text-indent: 24pt; background: aqua;}
  14 .five {text-indent: 2pc; background: aqua;}
  15 .six {text-indent: 2em; background: aqua;}
  16 .seven {text-indent: 2ex; background: aqua;}
  17 .eight {text-indent: 50%; background: aqua;}
  18 .nine {text-indent: 25px; background: aqua;}
  19 blockquote {text-indent: 50%; background: aqua;}
  20 </STYLE>
  21
  22 </HEAD>
  23
  24 <BODY><P>The style declarations which apply to the text below are:</P>
  25 <PRE>.one {text-indent: 0.5in; background: aqua;}
  26 .two {text-indent: 2cm; background: aqua;}
  27 .three {text-indent: 20mm; background: aqua;}
  28 .four {text-indent: 24pt; background: aqua;}
  29 .five {text-indent: 2pc; background: aqua;}
  30 .six {text-indent: 2em; background: aqua;}
  31 .seven {text-indent: 2ex; background: aqua;}
  32 .eight {text-indent: 50%; background: aqua;}
  33 .nine {text-indent: 25px; background: aqua;}
  34 blockquote {text-indent: 50%; background: aqua;}
  35
  36 </PRE>
  37 <HR>
  38 <P class="one">
  39 The first line of this sentence should be indented half an inch.
  40 </P>
  41 <P class="two">
  42 The first line of this sentence should be indented two centimeters.
  43 </P>
  44 <P class="three">
  45 The first line of this sentence should be indented twenty millimeters.
  46 </P>
  47 <P class="four">
  48 The first line of this sentence should be indented twenty-four points.
  49 </P>
  50 <P class="five">
  51 The first line of this sentence should be indented two picas.
  52 </P>
  53 <P class="six">
  54 The first line of this sentence should be indented two em.
  55 </P>
  56 <P class="seven">
  57 The first line of this sentence should be indented two ex.
  58 </P>
  59 <P class="eight">
  60 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.
  61 </P>
  62 <P class="nine">
  63 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.
  64 </P>
  65 <P class="one">
  66 Only the first line of this sentence should be indented half an inch,<BR>
  67 no matter where the lines might start, and<BR>
  68 <EM>regardless of any other markup</EM> which may be present.
  69 </P>
  70 <blockquote>
  71 In the first half of the test page, this BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since BLOCKQUOTE is a child of BODY; in the second half, it is a child of TABLE.
  72 </blockquote>
  73
  74
  75 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  76 <TR>
  77 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  78 </TR>
  79 <TR>
  80 <TD bgcolor="silver">&nbsp;</TD>
  81 <TD><P class="one">
  82 The first line of this sentence should be indented half an inch.
  83 </P>
  84 <P class="two">
  85 The first line of this sentence should be indented two centimeters.
  86 </P>
  87 <P class="three">
  88 The first line of this sentence should be indented twenty millimeters.
  89 </P>
  90 <P class="four">
  91 The first line of this sentence should be indented twenty-four points.
  92 </P>
  93 <P class="five">
  94 The first line of this sentence should be indented two picas.
  95 </P>
  96 <P class="six">
  97 The first line of this sentence should be indented two em.
  98 </P>
  99 <P class="seven">
 100 The first line of this sentence should be indented two ex.
 101 </P>
 102 <P class="eight">
 103 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.
 104 </P>
 105 <P class="nine">
 106 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.
 107 </P>
 108 <P class="one">
 109 Only the first line of this sentence should be indented half an inch,<BR>
 110 no matter where the lines might start, and<BR>
 111 <EM>regardless of any other markup</EM> which may be present.
 112 </P>
 113 <blockquote>
 114 In the first half of the test page, this BLOCKQUOTE element should have a text indent equal to 50% of the BODY element's width, since BLOCKQUOTE is a child of BODY; in the second half, it is a child of TABLE.
 115 </blockquote>
 116 </TD></TR></TABLE></BODY>
 117 </HTML>