third_party/WebKit/LayoutTests/css1/classification/list_style_position.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.6.5 list-style-position</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 {list-style-position: outside;}
  11 .two {list-style-position: inside;}
  12 </STYLE>
  13
  14 </HEAD>
  15
  16 <BODY><P>The style declarations which apply to the text below are:</P>
  17 <PRE>.one {list-style-position: outside;}
  18 .two {list-style-position: inside;}
  19
  20 </PRE>
  21 <HR>
  22 <UL class="one">
  23 <LI>The text in this item should behave as expected; that is, it should line up with itself on the left margin, leaving blank space beneath the bullet.
  24 </UL>
  25
  26 <UL class="two">
  27 <LI>The text in this item should not behave as expected; that is, it should line up with the bullet on the left margin, leaving no blank space beneath the bullet.
  28 </UL>
  29
  30
  31 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
  32 <TR>
  33 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
  34 </TR>
  35 <TR>
  36 <TD bgcolor="silver">&nbsp;</TD>
  37 <TD><UL class="one">
  38 <LI>The text in this item should behave as expected; that is, it should line up with itself on the left margin, leaving blank space beneath the bullet.
  39 </UL>
  40
  41 <UL class="two">
  42 <LI>The text in this item should not behave as expected; that is, it should line up with the bullet on the left margin, leaving no blank space beneath the bullet.
  43 </UL>
  44 </TD></TR></TABLE></BODY>
  45 </HTML>