third_party/WebKit/LayoutTests/fast/block/float/020.html

   1 <html>
   2 <head>
   3      <title>CSS Test Document from Adam Rice</title>
   4      <style type="text/css">
   5
   6
   7 .subunit {
   8          padding-left:8em;
   9          }
  10
  11 #content h2 {
  12          float:left;
  13          width:7em;
  14          padding:0;
  15          margin:0;
  16          font-size:1em;
  17          text-align:right;
  18          }
  19
  20 #content h3 {
  21          color: black;
  22          font-weight:bold;
  23          font-size:1em;
  24           padding:0px;
  25          margin:0px;
  26          margin-bottom:2px;
  27          /*padding-left:8em;*/
  28          }
  29
  30
  31 #content p {
  32          /*padding-left:8em;*/
  33          }
  34
  35
  36 </style>
  37 </head>
  38 <body>
  39
  40
  41
  42 <p>P1: This represents the header and should be flush-left. Lorem ipsum
  43 dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
  44 euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut
  45 wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
  46 suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem
  47 vel eum iriure dolor in hendrerit in vulputate velit esse molestie
  48 consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
  49 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
  50 delenit augue duis dolore te feugait nulla facilisi.</p>
  51
  52
  53 <div id="content">
  54
  55
  56 <h2>H2: This should float left</h2>
  57
  58 <div class="subunit">
  59 <h3>H3: This should be indented and inline</h3>
  60 <p>
  61 P2: This should be indented and inline. Lorem ipsum dolor sit amet,
  62 consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt
  63 ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim
  64 veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl
  65 ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
  66 hendrerit in vulputate velit esse molestie consequat, vel illum dolore
  67 eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
  68 dignissim qui blandit praesent luptatum zzril delenit augue duis dolore
  69 te feugait nulla facilisi.
  70 </p>
  71
  72 <p>
  73 P3: This should be indented and inline. Ut wisi enim ad minim veniam,
  74 quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut
  75 aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in
  76 hendrerit in vulputate velit esse molestie consequat, vel illum dolore
  77 eu feugiat nulla facilisis at vero eros et accumsan et iusto odio
  78 dignissim qui blandit praesent luptatum zzril delenit augue duis dolore
  79 te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer
  80 adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
  81 dolore magna aliquam erat volutpat.
  82 </p>
  83 </div>
  84
  85 </div>
  86 <p>
  87 P4: This represents the footer and should be flush-left. Duis autem vel
  88 eum iriure dolor in hendrerit in vulputate velit esse molestie
  89 consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
  90 accumsan et iusto odio dignissim qui blandit praesent luptatum zzril
  91 delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor
  92 sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
  93 tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim
  94 ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
  95 lobortis nisl ut aliquip ex ea commodo consequat.
  96 </p>
  97
  98 </body>
  99 </html>