Podskajite pojaluista!
Kak sdelat rasstojanije mejdu jeltimi blokami, no pri etom ostavit ix na odnoi linii?
<div id="main" class="clearfix">
<div class="first">1</div>
<div class="first">2</div>
<div class="first">3</div>
</div>
* {
box-sizing: border-box;
}
#main {
width: 100%;
background-color: green;
padding: 10px 0;
}
.first {
/* margin: 10px; */
/* display: inline-block; */
width: 33.33%;
float:left;
background-color: yellow;
text-align: center;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: block;
}
.clearfix:after {
clear: both;
}
