Do not create a shape object outside of the layout context
[WebKit-https.git] / 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>