HTML Academy Кексби. Сетки / Завершаем сетку в отзывах [11/20]

Курсы
1

Имеем два блока на флоатах в ряд. Нужно задать отступы между ними. Код, который предлагает академия:

.review-item {
    float: left;
    width: 377px;
    margin: 0;
    margin-right: 80px;
    padding: 0;
    padding-left: 50px;
    font-size: 16px;
    border-left: 3px solid #a38b70;
}

Почему отстутпы между блоками задаются через margin и padding? Почему не через что-то одно? Почему не задать margin-left и margin-right? Раньше задавался подобный вопрос, но ответа не последовало.

2

Внутренний отступ задан для контента (текста), чтобы не прилипал к краям блока, а внешний, как вы и сказали - это отступ между блоками.

3

Если объяснять, что такое марджин и паддинг, то

чтобы не прилипал к краям блока, а внешний, как вы и сказали - это отступ между блоками.

и так понятно.

Это не объясняет таких отступов. Можно было задать марджин вместо падинга и визуальный эффект был бы точь в точь такой. Вот такой же вопрос, тут видно этот эффект наглядно:
http://forum.academy/t/keksbi-setki-zavershaem-setku-v-otzyvah-11-20/7818

4

Спасибо за ссылку на смежную тему. По скрину видно, что у каждого элемента отзыва есть рамка слева (рамка слева относится именно к отзыву, а не к контейнеру-обертке).
Расстояние от рамки до контента (текста) - это padding, а не margin.

5

Вот!
Спасибо за объяснение!! Дело оказалось только в рамке.