次のような 3 つのボタンがあります。
<div class="float-left">
<button class="small">X</button>
<button class="small">Y</button>
<button class="small">Z</button>
</div>
これらに適用される CSS は次のとおりです。
button.small {
font-size: 1.4rem;
margin: 0 0.2rem;
padding: 0.3rem 0.8rem;
float: left;
}
float: left をこれらに適用すると、ボタン間の間隔が変化することに気付きます。誰かがこれがなぜなのか教えてもらえますか? マージンなどで違いはありますか?