Размеры внешнего блока в зависимости от внутреннего

[Dolce]

Здравствуйте, есть такая проблема. Есть блок основного контента, в нем я делаю блок которым я хочу выровнять по центру то что будет в нем, в общем вот:

<div class="mainContent">

		 <div class="Menu">
			  <div class="punkt1"></div>
			  <div class="punkt2"></div>
			  <div class="punkt3"></div>
		 </div>

</div>

Блоки punkt располагаются горизонтально и в зависимости от того сколько их, блок Menu должен принимать их общую ширину и выравнивать их(margin:0 auto;) по центру блока mainContent. Но блок Menu растягивается на 100% по ширине и никак вообще по высоте(я не прописываю ничего, так по умолчанию), хотя в него и вложены другие дивы которые имеют заданную ширину и высоту. Можно задать вручную width для блока Menu и тогда он выравняется по центру, но это не подходит, так как количество пунктов, боков punkt, разное, от одного до десяти и в таком случае если в одном месте это меню будет ровное с тремя дивами punkt то в другом месте, с двумя дивами punkt оно уже будет смещено влево. В общем подскажите как сделать что бы блок меню растягивался по ширине дочерних блоков

[lolka84]

http://www.xiper.net/collect/html-and-css-tricks/navigation/rubber-blocks-menu.html

[Dolce]

Не то, в этом примере внутренние блоки меню растягиваются по ширене родителя, ширина родителя на весь экран, а нада что бы родитель в зависимость от суммарной ширины дочерних блоков(один блок имеет ширину 200px, два блока имеют ширину 400px и т.д) принимал необходимую ширину. Приведу аналогию с воздушным шариком, чем больше воздуха(пунктов меню) в нем тем он шире(шире родитель). А у меня блок родителя по умолчанию, я не прописывал ему ширину, растягивается на ширину сайта

Вот для полной наглядности, синий должен иметь ширину внутренних, зеленых блоков

Edited April 6, 2013 by Dolce

[Switch74]

div по умолчанию 100% по ширине, .Menu строчным элементом и у вас он будет по ширине принимать размер содержимого

[Dolce]

Вот так вот нада было в общем, подсказали:

display: inline-block;