Как сделать чтобы border не равнялся по padding?

Question

[itsdaibend]

Верстаю чтобы набраться опыта, и возникла проблема. Хотел сделать красивую одностороннюю рамку, отделяющую ссылки(текст), и все получилось, но у меня нужно текст(ссылки) опустить ниже, а если я добавляю padding-top то у меня вырастает этот border по padding'у. Как можно зафиксировать размер border'а или-же понизить позицию текста не через padding?

Comments

[automatik]

код, мало что понятно

[Сергей delphinpro]

Это что ли? https://jsfiddle.net/u2Ltcz16/

[itsdaibend]

Сергей: Секунду, покажу пример на этом сайте ( зарегистрируюсь. ), и нет, не совсем.

[Сергей delphinpro]

Daibend: ага, понятно.
Увеличивая внутренний отступ, вы увеличиваете размер элемента. Естественно, рамка увеличивается.
Можно рисовать вертикальную черточку линейным градиентом нужного размера на фоне элемента
Можно использовать спозиционированный псевдоэлемент нужного размера.

[itsdaibend]

Сергей: Cпасибо

[Сергей delphinpro]

Daibend: https://jsfiddle.net/cxs4hx39/1/

[Сергей delphinpro]

Daibend: или https://jsfiddle.net/cxs4hx39/2/

Answer 1

[Вероника]

Не очень внятно вопрос написан. Насколько смогла понять, тут нужен box-sizing: border-box; чтобы паддинги и прочее не влияло на размер контейнера.