Как отцентровать четыре картинки в ряд? - HTML и CSS

JohnBigHead · 03.07.2016, 14:10

Код HTML:

.wrap-glob {
  width: 960px;
  margin: 0 auto;
}

.wrap-item {
  width: 200px;
  height: 120px;
  float: left;
  margin-right: 5px;
  text-align: center;
}
<div class="wrap-glob">
    <div class="wrap">
        <div class="wrap-item">
            <img src="http://images.vfl.ru/ii/1467368349/bf2f39e3/13219375.png" alt="">
            <p>text 1</p>
        </div>
        <div class="wrap-item">
            <img src="http://images.vfl.ru/ii/1467368349/bf2f39e3/13219375.png" alt="">
            <p>text 2</p>
        </div>
        <div class="wrap-item">
            <img src="http://images.vfl.ru/ii/1467368349/bf2f39e3/13219375.png" alt="">
            <p>text 3</p>
        </div>	
        <div class="wrap-item">
            <img src="http://images.vfl.ru/ii/1467368349/bf2f39e3/13219375.png" alt="">
            <p>text 4</p>
        </div>
    </div>
</div>

https://jsfiddle.net/a011nujq/1/
в итоге должно быть так

min@y™ · 03.07.2016, 15:43

Стотыщпервая цитата башорга (#100001).

Цитата:

В Вилларибо и Виллабаджо опять дедлайн. Пока ребята из Вилларибо верстают сайт дивами, ребята из Виллабаджо уже всё сверстали на таблицах и [мочат] друг друга в квейк.

(c) neatkariga at lj

Вадим Мошев · 04.07.2016, 05:26

Того, кто верстает таблицами, следует фейсом об <table>.

Дядя Коля, не учи ~~плохому~~ табличной вёрстке

min@y™ · 04.07.2016, 08:32

Цитата:

Дядя Коля, не учи ~~плохому~~ табличной вёрстке

А я и не могу научить: я сам не умею.

Вадим Мошев · 04.07.2016, 20:40

Я понял.
Короче так: табличная вёрстка - это устаревший стиль. Это плохо. Но это - не призыв отказываться от таблиц вообще. Читаю, таблицы нужны там, где есть необходимость табличных данных. Ну, или форму надо выровнять. Я однажды на работе решил таблицу (нужны были табличные данные) сверстать через div'ы. На меня криво посмотрели: ведь контент-менеджеры, которые будут наполнять этот сайт, не так хорошо знают HTML.

Эта цитата из баша - как вредный совет. Хотя доля правды в ней есть. При вёрстке таблицами у сопутствующих проблем меньше вероятности возникнуть, чем при вёрстке div-ами. Но эти проблемы надо решать. И они - вполне решаемы через CSS.

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Отцентровать форму	Albenous	Общие вопросы Delphi	10	19.05.2015 15:39
Построить прямоугольники в два ряда по четыре прямоугольника в ряд и заполнить их различными типами штриховки (Pascal ABC)	Evgenii_95	Паскаль, Turbo Pascal, PascalABC.NET	2	12.12.2014 08:17
Как выставить 2 картинки в ряд?	nazar-com	HTML и CSS	3	12.12.2013 08:44
Как отцентровать заранее неизвестное количество блоков в строке?	alextrof94	HTML и CSS	1	29.09.2013 23:59
Как отцентровать блок	zi0n	HTML и CSS	1	19.05.2009 19:16

04.07.2016, 05:26	#3
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Того, кто верстает таблицами, следует фейсом об <table>. Дядя Коля, не учи ~~плохому~~ табличной вёрстке

04.07.2016, 20:40	#5
Вадим Мошев Старожил Регистрация: 12.11.2010 Сообщений: 8,568	Я понял. Короче так: табличная вёрстка - это устаревший стиль. Это плохо. Но это - не призыв отказываться от таблиц вообще. Читаю, таблицы нужны там, где есть необходимость табличных данных. Ну, или форму надо выровнять. Я однажды на работе решил таблицу (нужны были табличные данные) сверстать через div'ы. На меня криво посмотрели: ведь контент-менеджеры, которые будут наполнять этот сайт, не так хорошо знают HTML. Эта цитата из баша - как вредный совет. Хотя доля правды в ней есть. При вёрстке таблицами у сопутствующих проблем меньше вероятности возникнуть, чем при вёрстке div-ами. Но эти проблемы надо решать. И они - вполне решаемы через CSS.