margin & padding для строчных блоков

Объясните пожалуйста зачем для элементов в строчных блоках задавать оба параметра сразу? Padding визуально расширяет верх и низ, но никак не влияет на то что там находится. В остальном эти два свойства одинаковы относительно строчного блока. Так какой смысл применять оба? И какой вообще лучше применять? Склоняюсь к padding т.к. он логически больше подходит по смыслу чем margin, ведь последнее это расстояние между блоками и краями, а мы лишь двигаем текст относительно его контейнера.

Какое задание вы имеете в виду?

12/23

Опечатался в вопросе. Имею ввиду не сами блоки, а элементы текстовые, типа span, em и т.д. и т.п.

Всё равно я наверное не до конца поняла ваш вопрос. Выбор padding или margin зависит от того, чего вы хотите добиться. Если вы хотите увеличить сам элемент (его содержимое), выбираете padding. Если просто отодвинуть один от другого - margin.
В задании вы задаете и то, и другое только чтобы сравнить поведение.

Так одно слово от другого двигают оба свойства. Содержимое элемента не увеличивается никак. “Надпись” как была одного размера так и останется. Попробуйте там поставить сначала одно, потом другое. Изменится только одно (кроме отступов (одинаковых по горизонтали) конечно) - пунктирная рамка, которая показывает как padding визуально расширяется. Но это все различие.

Обозначенная пунктиром область и есть содержимое элемента.

И как padding влияет на саму надпись? Она же не увеличивается.

Все что он дает - отступ до “строчные” и после “элементы”

На надпись никак не влияет. Возможно, на em вы не можете уловить разницу. Попробуйте заменить на <a> - это тоже строчный элемент.