Стрелка сразу после текста

[yaparoff]

Здравствуйте, уважаемые коллеги.
Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен.
В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей)
Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки.
Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то.

https://codepen.io/anon/pen/RBmoQj

Edited August 15, 2018 by yaparoff

[Switch74]

http://jsfiddle.net/hpskfgqj/

[yaparoff]

2 часа назад, Switch74 сказал:

http://jsfiddle.net/hpskfgqj/

Нет. Это не то что нужно реализовать. Если текст в две строки, то эта стрелка будет также в непосредственной близости и по середине по вертикали http://skrinshoter.ru/s/150818/6DbLEm6Z

[Switch74]

я вам сделал в качестве примера, ваша стрелка скорее всего будет сделана через span.arrow:after и absolute, а span.arrow{position:relative;width:0}
так она не должна переходить на следующую строку

PS: http://jsfiddle.net/hpskfgqj/3/