| <html> |
| <head> |
| <title>CSS Test Document from Adam Rice</title> |
| <style type="text/css"> |
| |
| |
| .subunit { |
| padding-left:8em; |
| } |
| |
| #content h2 { |
| float:left; |
| width:7em; |
| padding:0; |
| margin:0; |
| font-size:1em; |
| text-align:right; |
| } |
| |
| #content h3 { |
| color: black; |
| font-weight:bold; |
| font-size:1em; |
| padding:0px; |
| margin:0px; |
| margin-bottom:2px; |
| /*padding-left:8em;*/ |
| } |
| |
| |
| #content p { |
| /*padding-left:8em;*/ |
| } |
| |
| |
| </style> |
| </head> |
| <body> |
| |
| |
| |
| <p>P1: This represents the header and should be flush-left. Lorem ipsum |
| dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh |
| euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut |
| wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper |
| suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem |
| vel eum iriure dolor in hendrerit in vulputate velit esse molestie |
| consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et |
| accumsan et iusto odio dignissim qui blandit praesent luptatum zzril |
| delenit augue duis dolore te feugait nulla facilisi.</p> |
| |
| |
| <div id="content"> |
| |
| |
| <h2>H2: This should float left</h2> |
| |
| <div class="subunit"> |
| <h3>H3: This should be indented and inline</h3> |
| <p> |
| P2: This should be indented and inline. Lorem ipsum dolor sit amet, |
| consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt |
| ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim |
| veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl |
| ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in |
| hendrerit in vulputate velit esse molestie consequat, vel illum dolore |
| eu feugiat nulla facilisis at vero eros et accumsan et iusto odio |
| dignissim qui blandit praesent luptatum zzril delenit augue duis dolore |
| te feugait nulla facilisi. |
| </p> |
| |
| <p> |
| P3: This should be indented and inline. Ut wisi enim ad minim veniam, |
| quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut |
| aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in |
| hendrerit in vulputate velit esse molestie consequat, vel illum dolore |
| eu feugiat nulla facilisis at vero eros et accumsan et iusto odio |
| dignissim qui blandit praesent luptatum zzril delenit augue duis dolore |
| te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer |
| adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet |
| dolore magna aliquam erat volutpat. |
| </p> |
| </div> |
| |
| </div> |
| <p> |
| P4: This represents the footer and should be flush-left. Duis autem vel |
| eum iriure dolor in hendrerit in vulputate velit esse molestie |
| consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et |
| accumsan et iusto odio dignissim qui blandit praesent luptatum zzril |
| delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor |
| sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod |
| tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim |
| ad minim veniam, quis nostrud exerci tation ullamcorper suscipit |
| lobortis nisl ut aliquip ex ea commodo consequat. |
| </p> |
| |
| </body> |
| </html> |
