Растягивание неск.блоков по всей ширине родителя

[a.antropov]

Верстка блочная, каждый блок имеет один и тот же класс, никаких идентификаторов.

В каждой строке по 4 блока, использую инлайн-блоки + свойство родителя "text-align: justify", не знаю, как бороться с последними блоками. Я думаю, данная проблема уже разбиралась не раз, но мои поиски не дали никакого результата, может ткнете меня в сыллку, или скажете, как правильно задавать поисковый запрос, а может и напишите решение этого..

Вот мой код:

<div id="content">
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
</div>

#content {
	width: 800px;
	margin: 0 auto;
	text-align: justify;
}
.block {
	display: inline-block;
	width: 180px;
	height: 180px;
	text-align: left;
	margin: 7px 0;
	background: #ccc;
}

Может, это делается с помощью float'ов.. Но тогда придется делать запас справа, но мне нужно без этого, родитель с четкими границами слева и справа.

[manum]

например так:

http://blognote.by/html-css/html-css-articles/60-uniform-alignment-of-the-elements

[a.antropov]

например так:

http://blognote.by/html-css/html-css-articles/60-uniform-alignment-of-the-elements

это совсем не то. Мне НЕ нужно распложить блоки в одну линию

Edited June 1, 2012 by a.antropov

[alexforce2]

По вашему посту так и не понял что именно вам нужно, но предлагаю попробовать следующее

#content {
        width: 800px;
        margin: 0 auto;
        text-align: justify;
}
.block {
        display: inline-block;
        width: 180px;
        height: 180px;
        text-align: left;
        margin: 7px 10px;
        background: #ccc;
}

и

<div id="content">
        <div class="block">1</div><!-- 
         --><div class="block">2</div><!--
         --><div class="block">3</div><!--
         --><div class="block">4</div><!--
         --><div class="block">5</div><!--
         --><div class="block">6</div><!--
         --><div class="block">7</div><!--
         --><div class="block">8</div><!--
         --><div class="block">9</div><!--
         --><div class="block">10</div><!--
         --><div class="block">11</div>
</div>

[mrnobody]

http://css-live.ru/articles/krasivoe-vyravnivanie-blokov-po-rezinovoj-setke.html