Два Divs, одинаковый CSS, одна и та же линия

Я хотел бы использовать тот же CSS для двух ящиков и keep'em в одной строке с небольшим промежутком между ними. Я не очень хорошо знаком с css. Это мой код:Два Divs, одинаковый CSS, одна и та же линия

div.box { 
    width: 50%; 
     display: inline-block; 
    background-color: #eeeeee; 
    padding: 10px 0px 10px 0œpx; 
    margin :20px 0px 20px 0px; 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;  
    -webkit-box-shadow: 0px 19px 10px 0px rgba(0,0,0,0.82); 
    -moz-box-shadow: 0px 19px 10px 0px rgba(0,0,0,0.82); 
    box-shadow: 0px 19px 10px 0px rgba(0,0,0,0.82); 
}

enter image description here Изменение ширины 48 или 47% может быть решением, но я не думаю, что это хороший способ.

источник

2013-11-27 4m1nh4j1

Изменения маржа и значение обивки для '%' – VenomVendor

Почему нет? вы не можете использовать маржу и 50% .. потому что 2 раза 50 составляет 100%, и вам все равно придется добавлять размер маржи .. так что 48% - хорошее решение, если вы не делаете меньше 50% боксов, под eachother .. –

Да, меняя маржу на% и используя 48%, помог мне. Я думал, что смогу сделать это, используя 50%. Спасибо вам обоим . – 4m1nh4j1

использовать это:

div.box { 
    width: 49%; 
    display: block; 
    float:left; 

    min-height:100px; 

    background-color: #eeeeee; 
    padding: 10px 0px 10px 0œpx; 

    margin :20px 0px 20px 0px; 
    margin-left:2%; 

    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px;  
    -webkit-box-shadow: 0px 19px 10px 0px rgba(0,0,0,0.82); 
    -moz-box-shadow: 0px 19px 10px 0px rgba(0,0,0,0.82); 
    box-shadow: 0px 19px 10px 0px rgba(0,0,0,0.82); 
} 
div.box:first-child{ 
    margin-left:0; 
}

enter image description here

DEMO

источник

2013-11-27 13:04:03

Два Divs, одинаковый CSS, одна и та же линия

ответ

Смежные вопросы