Как расположить иконки в ряд с подписями (HTML, CSS)?

Здравствуйте! Я прошу прощения, вопрос наверное очень нубский, но я новичек бьюсь над проблемой, казалось бы простой но все же.
Я хочу понять понять как размещать иконки или картинки строго по середине, в один ряд, и чтоб с подписями. На одном изображении которое я прикрепил примерно то, что мне надо, на втором то, что получается. Спасибо большое всем, кто откликнется!
956a8620ad184a5aae9383f84f3da899.png6c90760860204f27ab97f16d4379d75e.png
  • Вопрос задан
  • 8588 просмотров
Пригласить эксперта
Ответы на вопрос 3
@serghost
Как насчет модного молодежного flexbox? (ie10+)
https://jsfiddle.net/327ssbs6/2/

Преимущество флекса в том, что он позволяет центрировать как горизонтально, так и вертикально. К тому же, блоки, которые мы хотим выровнять могут быть случайного размера.
Ответ написан
yespeace
@yespeace
Uncle Bob’s Nephew
https://jsfiddle.net/arqcvhsa/2/
там достаточно указать text-align: center;
Ответ написан
abyrkov
@abyrkov
JavaScripter
Немного погуглив, нашел такое решение
margin: 0 auto;
Но у меня почему - то не выходит(
Остается 2 варианта:
если ширина известна то
position: relative;
left: calc(50% - 45px)

Вместо 45px - половина ширины
если нет - только javascript
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы