کنار هم گذاشتن دو div

سلام دوست عزیز، شما برای کنار هم قرار دادن دو تگ div می تونید از دو راهکار زیر استفاده کنید:

تغییر ماهیت تگ div به inline:

<div id="side-bar">
</div>
<div id="content">
</div>

#side-bar, #content{
display: inline-block;
width: 50%;
}

اما راهکار اصولی float کردن div ها است:

<div id="side-bar">
</div>
<div id="content">
</div>
<div class="clear"></div>

#side-bar, #content{
width: 50%;
float: left;
}

.clear{
clear: both;
}