Неровное вертикальное выравнивание текста в блоке?

Ankhena,
Так будет правильнее. Верно?
https://jsfiddle.net/krm7cyw4/

Неровное вертикальное выравнивание текста в блоке?

Ankhena, Не совсем вас понял. Ясно что при добавлении рамки родителю, p съедет вниз, но это все решается одним свойством margin: 0 . Разве не так?

Как сверстать такой border?

Уже понятнее. Спасиб)

Как сверстать такой border?

KononovD, Хм, спасибо) Но вот еще что не понятно, почему тогда если уменьшить ширину, то граница начинает появляться, несмотря на background: white; ?

Как сверстать такой border?

Объясните, что здесь выполняют .item::before, .item::after ?
Не совсем понял, как убралась 1 половина границы.

Неровное вертикальное выравнивание текста в блоке?

А причем тут кнопка?
Я показал, как вертикально выровнять текст в блоке.

Как применить псевдоклассы link, visited, hover, active ко всем элементам списка отдельно?

Спасибо.