垂直方向に複数の段落と画像が並ぶとき、間隔を均一にしたければ、それぞれ同じ大きさのmarginプロパティを適用するだろう。

しかし実際には、このようにすると段落と画像の間隔がやや詰まって見える。段落同士の間隔に比べて、段落と画像の間隔が少し狭く感じる。

これはハーフレディングが原因の現象だ。line-heightプロパティの仕様上、テキストの行の上端と下端には余白が設けられる。たとえばfont-sizeプロパティが16pxで、line-heightプロパティが24pxであれば、上下に4pxの余白ができる。

段落が連続する場合、marginプロパティの値に加えてこのハーフレディングを加えた分の大きさの余白ができる。前の段落の下端のハーフレディングと、後の段落の上端のハーフレディングが組み合わされるため、ハーフレディングの2倍分の余白が含まれることになる。marginプロパティが24pxで、ハーフレディングが4pxであれば、大きさは合計で32pxになる。