| OLD | NEW |
| 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org
/TR/REC-html40/loose.dtd"> | 1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org
/TR/REC-html40/loose.dtd"> |
| 2 <HTML> | 2 <HTML> |
| 3 <HEAD> | 3 <HEAD> |
| 4 <TITLE>CSS1 Test Suite: 5.5.05 margin</TITLE> | 4 <TITLE>CSS1 Test Suite: 5.5.05 margin</TITLE> |
| 5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> | 5 <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> |
| 6 <META http-equiv="Content-Style-Type" content="text/css"> | 6 <META http-equiv="Content-Style-Type" content="text/css"> |
| 7 | 7 |
| 8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.cs
s"> | 8 <LINK rel="stylesheet" type="text/css" media="screen" href="../resources/base.cs
s"> |
| 9 <STYLE type="text/css"> | 9 <STYLE type="text/css"> |
| 10 body {overflow: hidden;} |
| 10 .zero {background-color: silver; margin: 0;} | 11 .zero {background-color: silver; margin: 0;} |
| 11 .one {margin: 25px; background-color: aqua;} | 12 .one {margin: 25px; background-color: aqua;} |
| 12 .two {margin: -10px; background-color: aqua;}</STYLE> | 13 .two {margin: -10px; background-color: aqua;}</STYLE> |
| 13 | 14 |
| 14 </HEAD> | 15 </HEAD> |
| 15 | 16 |
| 16 <BODY><P>The style declarations which apply to the text below are:</P> | 17 <BODY><P>The style declarations which apply to the text below are:</P> |
| 17 <PRE>.zero {background-color: silver; margin: 0;} | 18 <PRE>.zero {background-color: silver; margin: 0;} |
| 18 .one {margin: 25px; background-color: aqua;} | 19 .one {margin: 25px; background-color: aqua;} |
| 19 .two {margin: -10px; background-color: aqua;} | 20 .two {margin: -10px; background-color: aqua;} |
| (...skipping 32 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 52 This element has a class of zero. | 53 This element has a class of zero. |
| 53 </P> | 54 </P> |
| 54 <P style="background-color: gray;"> | 55 <P style="background-color: gray;"> |
| 55 This element is unstyled save for a background color of gray.. It contains an <
SPAN class="two">inline element of class <TT>two</TT>, giving it an aqua backgro
und and a -10px margin</SPAN>. Margins on inline elements does not affect line-
height calculations, so all lines in this element should have the same line-heig
ht. However, there should be a -10px margin to the left side of the inline box
in the first line it appears, and a -10px margin to the right side of the inline
element box in the last line where it appears. | 56 This element is unstyled save for a background color of gray.. It contains an <
SPAN class="two">inline element of class <TT>two</TT>, giving it an aqua backgro
und and a -10px margin</SPAN>. Margins on inline elements does not affect line-
height calculations, so all lines in this element should have the same line-heig
ht. However, there should be a -10px margin to the left side of the inline box
in the first line it appears, and a -10px margin to the right side of the inline
element box in the last line where it appears. |
| 56 </P> | 57 </P> |
| 57 <P class="zero"> | 58 <P class="zero"> |
| 58 This element has a class of zero. | 59 This element has a class of zero. |
| 59 </P> | 60 </P> |
| 60 </TD></TR></TABLE></BODY> | 61 </TD></TR></TABLE></BODY> |
| 61 </HTML> | 62 </HTML> |
| OLD | NEW |