CSS1 テストスイート: 4.1.1 垂直方向のフォーマッティング

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

P.one {margin-bottom: 2cm; padding-bottom: 0;}
P.two {margin-top: 2cm; padding-top: 0;}
P.three {margin-top: 0; padding-top: 0;}
P.four {margin-top: -1cm; margin-bottom: 0;
        padding-top: 0; padding-bottom: 0;}
DIV.five {margin-top: 1cm; margin-bottom: 1cm;
          padding-top: 1cm; padding-bottom: 0;}
P.six {margin-top: 1cm; margin-bottom: 1cm;
       padding-top: 0; padding-bottom: 0;}
P.seven {margin-top: 1cm; padding-top: 0;}
P.eight {margin-bottom: -1cm; padding-bottom: 2cm;}
P.nine {margin-top: -1cm; padding-top: 1cm;
        padding-bottom: 0; margin-bottom: 1cm;}
P.ten {margin-top: 1cm;padding-top: 0;
       float: left;width: 50%;}
P.eleven {margin-top: 1cm; padding-top: 0; clear: none;}
P.twelve {margin-bottom: 0; padding-bottom: 1cm; clear: both;}
P.thirteen {margin-top: 0; padding-top: 1cm;}
TABLE {clear: both;}

この段落と次のテキストとの間には２センチメートルのマージンがあるはずです。 隣接した垂直方向のマージンは、そのマージンのうち最大のものに折り畳まれるはずだからです。

これは別の段落です。

この段落と次のテキストとの間には２センチメートルのマージンがあるはずです。

これは別の段落です。

この段落と次のテキストとの間には1センチメートルのマージンがあるはずです。 負のマージンが1つのときには、2つのマージンが足し合わされるはずだからです(負号は維持されるはずです)。

これは別の段落です。

これはまた別のテキストです。

この段落と下の段落との間には2センチメートルあるはずです。 負のマージンは、折り畳まれるマージンの絶対値のうち最大のものをもつ負のマージンへと折り畳まれるからです。

これは段落ですが、これとこの下の段落との間やこの右側にどれだけのスペースがあるかが簡単に見てわかるよう、とても長くしているはずです。

この段落とこの上の段落との間には2センチメートルあるはずです。 浮遊要素についてはマージンは折り畳まれないからです。

この段落とこの上の(非浮遊の)段落との間には1センチメートルあるはずです。 その浮遊要素は段落のスペース取りに影響を与えないはずだからです。

この段落とこの下の段落との間には2センチメートルのパディングがあるはずです。 パディングは折り畳まれません。 各辺に1センチメートルのパディングがあります。

これは次の段落です。