Сосредоточьте 3 изображения подряд на простой html-странице с несколькими другими элементами

Question

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

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

Вы можете просмотреть страницу и код по этому адресу: http://www.sherryhutson.com/splash4.html

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

Answer 1

, поскольку изображения обернуты вокруг div, а div добавляет разрыв строки, вам нужно будет добавить display: inline-block к селектору css div.gallery

Теперь вы можете добавить text-align:center к элементу контейнера или добавить оболочку добавьте в контейнер изображения, а затем используйте правило css, которое я упоминал ранее, чтобы выровнять по центру.