Добавить стрелку под элемент активного меню в HTML+CSS ⇐ CSS

[Anonymous]

Я пытаюсь генерировать меню, например, следующее:

< /p>

В меню есть несколько элементов, а после этого есть стрелка. Следующий код: < /p>



Home
Plans & Pricing
Sign In
Sign Up
Contact


< /code>

Я испытал два варианта:
1- Абсолютно позиционирование изображения со стрелкой с помощью JavaScript. У меня есть проблемы при изменении размера страницы.
2- Использование: после псевдо-элемента, например: < /p>

.linksWrapper a.active:after
{
content: url("images/arrowImg.png");
position: relative;
left: -40px;
top: 30px;
}
< /code>

Проблема с этим подходом заключалась в горизонтальном выравнивании стрелки. Он должен быть ниже центра ссылки, и я не смог этого добиться.>

Подробнее здесь: https://stackoverflow.com/questions/103 ... in-htmlcss