a: hover: после того, как внутри div появляется по правде div, а не конец текста

Question

У меня возникли проблемы с получением a: hover: после появления после текста тега. Содержимое отображается в конце <div>. Есть ли способ заставить его появляться сразу после текста <a>? Я не хочу, чтобы содержимое после нажатия на другие элементы зависало.

<div> 
    <a href="#">test</a> 
</div> 

a:hover:after{ 
    display: inline-block; 
    content: ">>"; 
    position: absolute; 
    right: 0; 
    top: 0; 
} 

Вот jsFiddle jsFiddle

Answer 1

Достав right:0, кажется, что вы хотите

http://jsfiddle.net/a6AA9/

Это то, что вы имеете в виду?

margin-left наконечника выше, является хорошей, а

Answer 2

Удалить

position: absolute; 
    right: 0; 
    top: 0; 

Хранить только

a:hover:after{ 
    display: inline-block; 
    content: ">>"; 
} 

Демо: http://jsfiddle.net/AGDbH/381/

Answer 3

Вы можете г эмулировать положение абсолютным и помещать небольшой запас.

content: ">>"; 
display: inline-block; 
margin-left: 5px;