Как убрать отступ между контейнером и элементами?

Question

[Peremir2]

Не могу найти решение. Как убрать отступ внутри .wrap от рамки к элементам и сохранить отступ между самими элементами?
https://jsfiddle.net/140f8n3a/

Answer 1

[Anna_BS]

можно использовать решение с бустрапа row
контейнер с отрицательными margin https://jsfiddle.net/dor4du3r/

Comments

[Peremir2]

Неплохо, а низ .wrap подобрать, есть фикс?

[Anna_BS]

Peremir2: Конечно https://jsfiddle.net/dor4du3r/

[Peremir2]

Anna_BS: эмм, там как бы без изменений..

[Anna_BS]

Peremir2: https://jsfiddle.net/ndm1Lc09/ вот)

[Peremir2]

Anna_BS: а если внутри .item текст задан в em?

[Anna_BS]

Peremir2: к тексту font-size и применять

[Peremir2]

Anna_BS: https://jsfiddle.net/op7xv8uu/ rem для .item как вариант

Answer 2

[Alexander Belov]

Не совсем правильный, но рабочий подход

.wrap div:first-child {
  margin-left: 0;
}

Пример

Comments

[Peremir2]

кривовато, бро

[Alexander Belov]

Peremir2: кривоватая реализация кода - кривоватое решение

[Peremir2]

Alexander Belov: покажи образцовую реализацию того что я привел с решением главного вопроса.

[Alexander Belov]

Peremir2: https://output.jsbin.com/gujizivefe

[Peremir2]

Alexander Belov: ну с flexbox конечно отлично было бы, только кто бы дал на нем сделать? Если есть немало умственно отсталых сидящих на IE, да еще и старых версиях. В проекте для себя я бы безусловно на flex делал. Но увы, пока что боль, унижение и флоаты, которые в довесок еще не чистят себя.

[Peremir2]

Alexander Belov: тем более что и Ваш пример не совсем соответствует тому что я привел и хотел.

[Alexander Belov]

Peremir2: Ну да, есть ещё и IE7 у кого-то, но это не повод писать говнокод ради них (на тех проектах, где ты решаешь, конечно). По поводу примера: почему не соответствует? Между эл и контейнером отступов нет, между эл отступы есть