[Dikucher]

Я спокойно относился к этому безобразию на улице, но когда сегодня мой провайдер сообщил, что не может гарантировать качество интернета из-за погоды, тут я расстроился и полностью ощутил на себе это качество.

Не знаю много ли у меня времени в сети, поэтому к делу:
Правильно ли я понимаю что отцентрировать блок можно задав ему

Код HTML:

margin:auto

?

Вот привожу пример кода, с которым работаю http://codepen.io/dikucher/pen/BbcIe

Стараюсь сделать адаптивную верстку. А вопрос у меня следующий

Как мне сделать так, чтоб картинки были отцентрированы в блоке list ?

Первый раз пользуюсь сервисом codepen, поэтому если что то сдела криво, пожалуйста скажите.

[Blogroot]

По идее должно сработать если задать margin:auto 50%

[Dikucher]

Проблему не решает (могли сами увидеть добавив свойсво на codepen)
Подскажите относительно чего задаются эти 50% ?

Мне показалось, что решение здесь простое

[iliaboc]

как-то так

код

PHP код:

<div id="list">
    <div id="post">
        <div class="con"><a href="#"><img src="images/1.jpg" ></a></div>
        <div class="con"><a href="#"><img src="images/2.jpg"></a></div>
        <div class="con"><a href="#"><img src="images/3.jpg"></a></div>
        <div class="con"><a href="#"><img src="images/4.jpg"></a></div>
        
        <div class="clearz"></div>
    </div>
  
</div> 


Код HTML:

#list {
	width:68%;
	height:auto;
	float:left;
	background:blue;

}

#post {
  border:3px solid green;
  margin-left:auto;
  margin-right:auto;
  width:76%; 
}
.clearz{clear:both;}
.con a {
	float:left;
	padding:10px;
}

#post img  {
	width:150px;
	height:150px;
	box-shadow: 0px 5px 10px 0px #000;
	border-width:0 0 1px 0;
	border-color:black;
	border-style:solid;
}

[свернуть]

[Dikucher]

iliaboc,

Спасибо. Но из-за своей неопытности я оказывается не правильно сформулировал проблему. Ваш код помог решить проблему с центровкой div.post относительно div.list ( был бы очень признателен , если бы кто то врозумил как именно тут работает div.clearz ) , но мне надо было чтоб непосредственно столбики картинок центрировались относительно div.list

[PavelDrum]

Вообще как бы по правилам -

margin: 0 auto;

[Dikucher]

PavelDrum,
добавление

Код HTML:

margin:0 auto

для

Код HTML:

con a

не решает проблему