از بین بردن فاصله بین دو div

[{mahdi}]

با سلام خدمت اساتید:


*{
margin:0px;
padding:0px;
}
#main{
width:500px;
height:auto;
margin:0 auto;
background:#999;
}
#left{
width:100px;
background:#03C;
display:inline-block;
}
#center{
width:300px;
background:#063;
display:inline-block;
vertical-align:top;
}
#right{
width:90px;
background:#633;
display:inline-block;
}
<div id="main">
<div id="left">
<p>this is left panel</p><p>this is left panel</p><p>this is left panel</p>
</div>
<div id="center">
<p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p><p>this is center panel</p>
</div>
<div id="right">
<p>this is right panel</p><p>this is right panel</p><p>this is right panel</p>
</div>
</div>

من این کد رو نوشتم که خروجیش هم این میشه....
128426
من چطور می تونم فاصله بین اون div ها رو حذف کنم.

[mostafae]

به right# یه float: right و به left# یه float: left بده، بعد یه فاصله فقط بین وسط و راست میمونه و اون به خاطر اینه که به div سمت راست اندازه 90 رو دادی.