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

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

        css
                 #main {
    display: flex;
}

#c1 {
    background-color: blue;
    flex: 1;
}

#c2 {
    background-color: red;
    flex: 1;
}