وسط قرار دادن عناصر Float شده

[aliblue]

با سلام.من کد های زیر رو نوشتم:
.container
{
width:940px;
text-align:center;

}
.inner
{
width:300px;
float:right;
margin:5px;
background-color:#990000;
}
<div class="container">
<div class="inner">1</div>
<div class="inner">2</div>
<div class="inner">3</div>
<div class="inner">4</div>
<div class="inner">5</div>

</div>
و آن چه که می بینم، مانند تصویر زیر است:
106801
اما من می خواهم عناصر آخر که به 3 تا نمی رسند (مثلا اگر کلا 4 یا 5 عنصر div داشتیم) در وسط قرار بگیرند. مانند تصویر زیر:
106803
ممنون میشم راهنمایی کنید.
با تشکر.

[Mohsen.]

یک راهش استفاده از display: inline-block است به جای float، البته به شرطی که ارتفاع دایوهات یک اندازه باشه.
راه دومش استفاده از JavaScript هست. مثلا باید ببینید innerها مضربی از 3 هستند یا نه. اگه نیستند چندتا اضافی هست. مثلا توی عکسی که گذاشتی دو تا هست، بعد محاسبات انجام میدی و ...