CSS1 テストスイート: 4.2 インライン要素

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

P.one {line-height: 200%;}
SPAN.two {border-style: solid; border-width: 10px; border-color: red;
          padding: 2pt; margin: 30pt;}
P.three {font-size: 10pt; line-height: 12pt;}
SPAN.four {border-style: solid; border-width: 12px; border-color: red;
          padding: 2pt;}

この段落にはとても長い区間があり、その区間には、区間から2px離して10pxの赤色のボーダーがあり、30ptのマージンがあります。 パディングやボーダーは、(垂直方向の線は、行ごとにではなく、区間全体の開始点と終了点とにしか現れないはずですが、)区間の辺すべてに存在するはずです。 パディング、ボーダー、マージンは、すべて、区間の開始点と終了点とで認識可能なはずです。 しかしながら、そのどれもが行の高さを変化させることがないはずで、そのためマージンは認識不能なはずですし、ボーダーは他の行のテキストに重なっているはずです。 段落全体の行間隔はフォントサイズの200%のはずです。

この段落にはとても長い区間があり、その区間には、区間から2pt(行の高さとフォントサイズとの差)のパディングで離れて12pxの赤色のボーダーがありますが、パディングやボーダーは行の高さに影響しないはずですから、それらはその区間の上下のテキスト行に重なるはずです。 区間のボーダーには、行ごとにではなく区間全体の開始点と終了点とにしか、垂直方向の線がないはずです。 段落全体の行間隔は12pt、フォントサイズは10ptのはずです。