Revised layout tests after the <hr> changes.
[WebKit-https.git] / LayoutTests / css1 / formatting_model / inline_elements.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: 4.2 Inline Elements</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 P.one {line-height: 200%;}
11 SPAN.two {border-style: solid; border-width: 10px; border-color: red;
12           padding: 2pt; margin: 30pt;}
13 P.three {font-size: 10pt; line-height: 12pt;}
14 SPAN.four {border-style: solid; border-width: 12px; border-color: red;
15           padding: 2pt;}
16 </STYLE>
17
18 </HEAD>
19
20 <BODY><P>The style declarations which apply to the text below are:</P>
21 <PRE>P.one {line-height: 200%;}
22 SPAN.two {border-style: solid; border-width: 10px; border-color: red;
23           padding: 2pt; margin: 30pt;}
24 P.three {font-size: 10pt; line-height: 12pt;}
25 SPAN.four {border-style: solid; border-width: 12px; border-color: red;
26           padding: 2pt;}
27
28 </PRE>
29 <HR>
30 <P CLASS="one">This is a paragraph that has a <SPAN CLASS="two">very
31 long span in it, and the span has a 10px red border separated from the
32 span by 2pt, and a margin of 30pt.  The padding and border should be
33 present on all sides of the span (although vertical lines should appear
34 only at the beginning and the end of the whole span, not on each
35 line).  The padding, border, and margin should all be noticeable at the
36 beginning and end of the span.  However, the line height should not be
37 changed by any of them, so the margin should be unnoticeable and the
38 border should overlap text on other lines.</SPAN>  The line spacing in
39 the whole paragraph should be 200% of the font size.</P>
40
41 <P CLASS="three">This is a paragraph that has a <SPAN CLASS="four">very
42 long span in it, and the span has a 12px red border separated from the
43 span by 2pt of padding (the difference between the line-height and the
44 font-size), which should overlap with the lines of text above and below
45 the span, since the padding and border should not effect the line
46 height.  The span's border should have vertical lines only at the
47 beginning and end of the whole span, not on each line.</SPAN>  The line
48 spacing in the whole paragraph should be 12pt, with font-size 10pt.</P>
49
50
51 <TABLE border cellspacing="0" cellpadding="3" class="tabletest">
52 <TR>
53 <TD colspan="2" bgcolor="silver"><STRONG>TABLE Testing Section</STRONG></TD>
54 </TR>
55 <TR>
56 <TD bgcolor="silver">&nbsp;</TD>
57 <TD><P CLASS="one">This is a paragraph that has a <SPAN CLASS="two">very
58 long span in it, and the span has a 10px red border separated from the
59 span by 2pt, and a margin of 30pt.  The padding and border should be
60 present on all sides of the span (although vertical lines should appear
61 only at the beginning and the end of the whole span, not on each
62 line).  The padding, border, and margin should all be noticeable at the
63 beginning and end of the span.  However, the line height should not be
64 changed by any of them, so the margin should be unnoticeable and the
65 border should overlap text on other lines.</SPAN>  The line spacing in
66 the whole paragraph should be 200% of the font size.</P>
67
68 <P CLASS="three">This is a paragraph that has a <SPAN CLASS="four">very
69 long span in it, and the span has a 12px red border separated from the
70 span by 2pt of padding (the difference between the line-height and the
71 font-size), which should overlap with the lines of text above and below
72 the span, since the padding and border should not effect the line
73 height.  The span's border should have vertical lines only at the
74 beginning and end of the whole span, not on each line.</SPAN>  The line
75 spacing in the whole paragraph should be 12pt, with font-size 10pt.</P>
76 </TD></TR></TABLE></BODY>
77 </HTML>