Hello
I make four boxes and then I float two boxes left side and other two in right side but I have this space between boxes and I don't know how to remove this space i used clear fix and everything I know but it didn't work https://i.imgur.com/LFiO2j2.jpeg
<body>
<h5>Display Property & Parent-Child</h5>
<div class="main-container">
<div class="box-1">
<h3 class="box-text">Display Property & Parent-Child</h3>
<div class="box-2" >
<div class="box-white float-left">
<div class="box-pink">
<p class="pink-text">text</p>
</div>
</div>
<div class="box-white float-left">
<div class="box-pink">
<p class="pink-text">text</p>
</div>
</div>
<div class="box-white float-right">
<div class="box-pink">
<p class="pink-text">text</p>
</div>
</div>
<div class="box-white float-right">
<div class="box-pink">
<p class="pink-text">text</p>
</div>
</div>
</div>
</div>
</div>
</body>
question from:
https://stackoverflow.com/questions/65860025/floats-makes-spaces-how-to-remove-it 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…