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

Question

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

0

У меня возникли проблемы с получением 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

dre 08 нояб. 2013, в 03:12

Источник

Теги:

html

css3

hover

3 ответа

0

Удалить

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

Держите только

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

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

Yuriy Galanter 07 нояб. 2013, в 23:29

0

Вы можете удалить абсолютную позицию и поместить небольшой запас.

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

diegofer11 07 нояб. 2013, в 23:01

0

Это работает, но я забыл упомянуть, я хотел, чтобы это было абсолютным, потому что я не хотел, чтобы это подталкивало другие элементы.
dre 08 нояб. 2013, в 03:45

Ещё вопросы

Это работает, но я забыл упомянуть, я хотел, чтобы это было абсолютным, потому что я не хотел, чтобы это подталкивало другие элементы.

SunPowered · Accepted Answer · 2013-11-07T23-39-00.000Z

right:0 похоже на то, что вы хотите

http://jsfiddle.net/a6AA9/

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

margin-left верхний верх также хорош

спасибо, это будет работать, в сочетании с полем слева.