@VersAdam

Как закрепить картинки в ряд и по центру?

Как закрепить картинки в ряд и по центру ?
-------------------------------------------------------
HTML :
link rel="stylesheet" href="input.css"

p style=pic
img src="file:///C:/Users/Admin/Downloads/hiclipart.com.png"
img src="file:///C:/Users/Admin/Downloads/hiclipart.com.png"
/p
-------------------------------------------------------
- CSS :
img {
width: 100px;
display: inline-block;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
-------------------------------------------------------
Если display:inline-block то картинки располагаются слева экрана и в ряд, рядом друг с другом.
5fc12eb6a2725238089926.jpeg
Если display:block то картинки располагаются по центру экрана, но в столбик.
5fc12ec02dfeb786025323.jpeg

Как сделать так что б картинки отображались по центру экрана и в ряд ?
Спасибо большое.
  • Вопрос задан
  • 68 просмотров
Пригласить эксперта
Ответы на вопрос 1
@guryanov_junior
Изучающий фронтенд.
Попробуйте убрать display:inline-block, и добавьте text-align: center тегу родителя.
Либо просто добавить тегу родителя margin: 0 auto;
Ответ написан
Ваш ответ на вопрос

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

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