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>