line-heightの値によってはマージンが指定どおりの値にならない

症状

line-heightの値、文字サイズの値、ウィンドウ幅の組み合わせによって、マージンを0にしても隙間が開いてしまうことがある。

例示

<div style="line-height:1.1;">
<p style="margin:0; font-size:1.4em; background:blue;">A1</p>
<p style="margin:0; background:blue;">B1</p>
</div>
<hr>
<div style="line-height:1.2;">
<p style="margin:0; font-size:1.4em; background:blue;">A2</p>
<p style="margin:0; background:blue;">B2</p>
</div>

div要素のline-heightを変えている以外、同じスタイル指定を行っています。