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

Question

[Slasherr]

Здравствуйте!
Учусь вёрстать и возникла проблема.
Как правильно задать отступы?

Как надо -

Как у меня - https://codepen.io/Slasher_/pen/GEEJZK

Спасибо. Прошу прощение возможно за такой лёгкий вопрос, но не могу понять.

Answer 1

[Павел]

У меня Padding
padding: 10px 5px 15px 1px;

Comments

[Slasherr]

prntscr.com/fmis8o
Получается не такой ефект(

Answer 2

[Андрей]

Не знаю насчет правильно/неправильно, я бы так сделал:
https://jsfiddle.net/rmmz9qhb/
отмерил ширину дополнительного появляющегося элемента и сдвинул весь псевдоэлемент влево на эту величину. вроде как в макете получилось, не?)

Answer 3

[DimitarKZ]

Примерно так. Без всяких отступов и прочего
https://codepen.io/tosleep/pen/MooOeP