CSS vopros

[Liubo]

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;

}

[Switch74]

рассчитать все отступы с учетом размеров блоков, сейчас у вас все блоки занимают 99,99% и для отступов в 10px места уже нет
смотрите на box-sizing и calc()