两个Div，相同的CSS，相同的线

Question

我想对两个盒子使用相同的CSS并且将它们保持在同一行，并且之间有一点空间。我对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);
}

将宽度改为48或47％可以解决问题，但我认为这不是好方法。

Answer 1

使用它：

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;
}

DEMO