Как сверстать такой разделитель?

Question

[Данил]

Задача сверстать такой разделитель.

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

Answer 1

[Александр]

Так ?
https://jsfiddle.net/bfb01oe1/3/

Comments

[Данил]

Да, но на шаблоне разделитель так сильно не выперает вверх и вниз. Можно как-то укоротить его?

[Александр]

Данил, Как вариант поэксперементировать с line-height
https://jsfiddle.net/bfb01oe1/19/
но думаю можно найти более правильное решение )

Answer 2

[spone379]

Универсального способа для всех шрифтов нет. Здесь нужно вручную подбирать line-height либо абсолютно позиционировать :after и ему уже подбирать высоту, если список статический