یه مشکل با کد css

[once4ever]

یکی منو نجات بده :sad:
این کدهارو نگاه کنید و به من بگین چرا نوار نارنجی رنگ از نوار آبی رنگ فاصله گرفته؟
و چجوری درست میشه؟ (دقت کنید که میخوام نوار نارنجی بقیه عرض صفحه رو پر کنه)


.order{
background-color: #CCDEFD;
width: 100%;
}
.order .price{
background-color: #000099;
height: 150px;
width: 165px;
float: left;
}
.order .title {
background-color: #FF6600;
height: 20px;
margin-left: 165px;
}
--------------------------------------------------
<div class="order">
<div class="price" style="position: relative">price</div>
<div class="title">title</div>
</div>
(درضمن این کد میتونه واسه خیلیها آموزنده باشه :wink: )