Добавление символа в начале/конце ссылки при hover

[FitTech]

Здравствуйте!

Есть ссылка, а в ней текст выделен через <p>, ссылке заданы размеры и отображение блоком.

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

Два варианта думал: первый это вырезать стрелка в фотошопе и сделать бэкграунд, а второй просто добавить текст(код стрелки в html), только ничего не получается вторым способом, как реализовать?
p:hover:after ? или как?

[Jey Val Star]

Насколько я понял, ты в ссылку блочный элемент (параграф) засунул?

Что бы стрелка появилась используй background, так надежней.

а по поводу кода стрелки - ты шрифт этих кодов подключал?

[FitTech]

  On 12/15/2014 at 6:14 PM, Jey Val Star said:

Насколько я понял, ты в ссылку блочный элемент (параграф) засунул?

Что бы стрелка появилась используй background, так надежней.

а по поводу кода стрелки - ты шрифт этих кодов подключал?

Да, запихнул параграф, уже просто не знал как всё сделать..

[Jey Val Star]

  On 12/15/2014 at 6:01 PM, FitTech said:

а после не выходя за рамки блока должна стрелка добавляться.

что значит после, стрелка с задержкой появляется? Edited December 15, 2014 by Jey Val Star

[FitTech]

  On 12/15/2014 at 6:48 PM, Jey Val Star said:

 

  On 12/15/2014 at 6:01 PM, FitTech said:

а после не выходя за рамки блока должна стрелка добавляться.

что значит после, стрелка с задержкой появляется?

после текста в ссылке

Всё уже решил, просто сделал стрелку background и позиционировал.

[SelenIT]

  On 12/15/2014 at 6:14 PM, Jey Val Star said:

ты в ссылку блочный элемент (параграф) засунул?

В HTML5 это не проблема, в браузерах тоже. Если при этом у ссылки

  On 12/15/2014 at 6:01 PM, FitTech said:

заданы размеры и отображение блоком

то проблемы нет вообще

По сабжу — должно было подойти что-то типа a:hover p::after { content: '→'; }