[РЕШЕНО] Как равномерно и по ширине распределить блоки со свойством display:inline-block внутри внешнего блока?

[Санеккк]

Привет!
Есть несколько дивов внутри общего дива. Внутренние дивы расположены со свойством "display: inline-block". Если увеличить масштаб страницы, то не умещающиеся в ряд блоки переносятся вниз. Если уменьшить масштаб страницы, то блоки находятся рядом и уменьшаются.
Требуется: при уменьшении масштаба страницы увеличивать расстояние между блоками, чтобы они равномерно распределялись по всей ширине страницы.
Подскажите, пожалуйста, как это можно сделать?

<div>

<div style="display: inline-block; vertical-align: top; width: auto;">
123
</div>

<div style="display: inline-block; vertical-align: top; width: auto;">
456
</div>

<div style="display: inline-block; vertical-align: top; width: auto;">
789
</div>

<div style="display: inline-block; vertical-align: top; width: auto;">
999
</div>

</div>

[Вадим Мошев]

Предположим у вас код:

<div class="wrapper">
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
	<div class="block"></div>
</div>

CSS пишите такой

.wrapper{
	text-align: justify;
}

.block {
	display: inline-block;	
}

.wrapper:last-child {
	width: 100%
}

p.s.
Пожалуйста, оформляйте Ваш код согласно правилам.

[Санеккк]

Вадим Мошев, большое спасибо!

С псевдоклассом не сработало, вероятно, слишком замудрен реальный код. Создал просто в конце "wrapper" пустой див, которому в html задал width=100%.

Спасибо!