Как правильно добавить стрелочку?

Question

[KrotKrotKrotTest]

Подскажите как правильно добавить стрелочку к пункту меню справа, чтобы она было в общем размере ссылки и при наведении на ссылку появлялся border-bottom, который выделял бы текст ссылки и стрелочку?

<li id="menu-item-171" class="arrow-menu menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-171"><a href="##">Направления</a>
<ul class="sub-menu">
	<li id="menu-item-248" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-248"><a href="http://yandex.ru">Яндекс</a></li>
</ul>
</li>

Answer 1

[Вадим]

Смотря какую стрелочку, но, в целом, через ::after псевдоэлемент.
Либо вставить в саму ссылку.

Comments

[KrotKrotKrotTest]

Через after если добавляю, то ее не видно, а если чере before, то при использовании абсолютной позиции она не входит в общий размер ссылки

[Вадим]

KrotKrotKrotTest, Мой хрустальный шар по пятницам не работает. Я не вижу почему у Вас не видно её через after.
Где песочница?
Залейте пример кода, который не отображает через after на codepen и скиньте сюда, посмотрим.