third_party/WebKit/LayoutTests/css1/box_properties/padding_left.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.5.09 padding-left</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 .zero {background-color: silver; padding-left: 0;}
  11 .one {padding-left: 0.5in; background-color: aqua;}
  12 .two {padding-left: 25px; background-color: aqua;}
  13 .three {padding-left: 5em; background-color: aqua;}
  14 .four {padding-left: 25%; background-color: aqua;}
  15 .five {padding-left: -20px; background-color: aqua;}</STYLE>
  16
  17 </HEAD>
  18
  19 <BODY><P>The style declarations which apply to the text below are:</P>
  20 <PRE>.zero {background-color: silver; padding-left: 0;}
  21 .one {padding-left: 0.5in; background-color: aqua;}
  22 .two {padding-left: 25px; background-color: aqua;}
  23 .three {padding-left: 5em; background-color: aqua;}
  24 .four {padding-left: 25%; background-color: aqua;}
  25 .five {padding-left: -20px; background-color: aqua;}
  26 </PRE>
  27 <HR>
  28 <P class="zero">
  29 This element has a class of zero.
  30 </P>
  31 <P class="one">
  32 This element should have a left padding of half an inch, which will require extra text in order to test.  Both the content background and the padding should be aqua (light blue).
  33 </P>
  34 <P class="two">
  35 This element should have a left padding of 25 pixels, which will require extra text in order to test.  Both the content background and the padding should be aqua (light blue).
  36 </P>
  37 <P class="three">
  38 This element should have a left padding of 5em, which will require extra text in order to test.  Both the content background and the padding should be aqua (light blue).
  39 </P>
  40 <P class="four">
  41 This element should have a left padding of 25%, which is calculated with respect to the width of the parent element.  Both the content background and the padding should be aqua (light blue).
  42 </P>
  43 <UL class="two" style="background-color: gray;">
  44 <LI>The left padding on this unordered list has been set to 25 pixels, which will require some extra test in order to test.</LI>
  45 <LI class="two" style="background-color: white;">Another list item might not be such a bad idea, either, considering that such things do need to be double-checked.  This list item has its left padding also set to 25 pixels, which should combine with the list's padding to make 50 pixels of margin.
  46 </UL>
  47 <P class="five">
  48 This element should have no left padding, since negative padding values are not allowed.  Both the content background and the normal padding should be aqua (light blue).
  49 </P>
  50
  51
  52 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  53 <TR>
  54 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  55 </TR>
  56 <TR>
  57 <TD bgcolor="silver">&nbsp;</TD>
  58 <TD><P class="zero">
  59 This element has a class of zero.
  60 </P>
  61 <P class="one">
  62 This element should have a left padding of half an inch, which will require extra text in order to test.  Both the content background and the padding should be aqua (light blue).
  63 </P>
  64 <P class="two">
  65 This element should have a left padding of 25 pixels, which will require extra text in order to test.  Both the content background and the padding should be aqua (light blue).
  66 </P>
  67 <P class="three">
  68 This element should have a left padding of 5em, which will require extra text in order to test.  Both the content background and the padding should be aqua (light blue).
  69 </P>
  70 <P class="four">
  71 This element should have a left padding of 25%, which is calculated with respect to the width of the parent element.  Both the content background and the padding should be aqua (light blue).
  72 </P>
  73 <UL class="two" style="background-color: gray;">
  74 <LI>The left padding on this unordered list has been set to 25 pixels, which will require some extra test in order to test.</LI>
  75 <LI class="two" style="background-color: white;">Another list item might not be such a bad idea, either, considering that such things do need to be double-checked.  This list item has its left padding also set to 25 pixels, which should combine with the list's padding to make 50 pixels of margin.
  76 </UL>
  77 <P class="five">
  78 This element should have no left padding, since negative padding values are not allowed.  Both the content background and the normal padding should be aqua (light blue).
  79 </P>
  80 </TD></TR></TABLE></BODY>
  81 </HTML>