مطلوب تعديل في Inline

[الثلج]

#content
{
	border:solid 1px #CCCCCC;	
	display:inline-block;
}
#content .left
{
	float:left;
	width:50%;
	background-color:#2D4976;
}
#content .right
{
	float:right;
	width:20%;
	background-color:#F2F5FA;
}
#content .center
{
	width:30%;
	background-color:#5980BF;
}

    <div id="content">
    
    <div class="right">right</div>
    <div class="center">center</div>
    <div class="left">left</div>


</div>

آخر div يظهر في new line

[الثلج]

تم حلها بإلغاء الـ center ووضعه ايضاً right

للمعلوميه