با استفاده از ویژگی display در css، دو div را در کنار یکدیگر قرار دهید.

        html
                 <div class="main">
    <div id="c1">1</div>
    <div id="c2">2</div>
</div>

        css
                 #c1{
    display: inline-block;
    width: 49.8%;
    background-color: red;
}

#c2{
    display: inline-block;
    width: 49.8%;
    background-color: blue;
}