Центрирование изображений

Question

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

Вот JSFiddle: http://jsfiddle.net/4uGtq/embedded/result/

left-align:50%; /* Doesn't work */ 

Answer 1

#icon-wrapper a { 
    display: inline-block; 
    width: 175px; 
    height: 175px; 
} 

Ширина и высота необходимы в данном случае, потому что у вас есть изображения позиционированы абсолютно. Если бы у вас не было ширины и высоты, все бы влюбилось в себя.

Answer 2

Когда я пытаюсь выполнить демонстрацию (в Chrome), изображения - это центр, выровненный как группа, если я не изменяю размер браузера более чем на 1300 пикселей в ширину. Поэтому, учитывая, что у вас есть куча @media only screen правил для разных max-width, а наибольшее число, которое вы поднимаете, равно (max-width: 1300px), это поведение имеет смысл, не так ли?

Изменить эту строку:

@media only screen and (max-width: 1300px) { 

к этому:

@media only screen and (min-width: 1001px) { 

и он должен исправить ее, как показано здесь: http://jsfiddle.net/4uGtq/6/embedded/result/