Как правильно задать отступы?

Question

[MRcracker]

Есть секция, которая содержит в себе заголовок, текст и кнопку снизу. За этой секцией идет примерно такая же секция, которая содержит в себе точно такие же отступы как и предыдущая.

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

P.S. Для наглядности сделал небольшой набросок того, чтобы было более понятно, что я имею в виду. Отступы, которые не понятно как сделать обозначил красной линией.

Всем спасибо за ответы))))

Answer 1

[Михаил Проскурин]

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

В вашем случае, в один блок связан заголовок, текст и кнопка, вам надо сделать отступ между заголовком и текстом меньше, чем от текста к кнопки.

Грубо говоря:
Блок 1
62px
Блок 2
-- Заголовок
24px
-- Описание
54 px
-- Кнопка

Все значения относительные и написаны ради примера.

Пример стандартного расположение текста и картинки

Comments

[MRcracker]

те получается если отступ у заголовка 80 пикселей сверху, у абзаца с текстом отступ сверху 20 пикселей, снизу 40 пикселей должен быть, а отступ у кнопки снизу должен быть такой же как верхний отступ у заголовока те 80 пикселей?

[Михаил Проскурин]

Снизу он не должен быть такой же, все зависит от того, какого размера у вас сам блок. Нижний отступ вообще может не привязываться к другим объектам. В том примере, который я вам прислал, отступ снизу вообще гигантский, так как блок смещен выше и не относительно центра, чтобы его сразу можно было найти глазами.