Как сделать, чтобы вся строка не была ссылкой( а только там, где есть первый текст или второй)?

Question

[olya_097]

Как сделать, чтобы вся строка не была ссылкой( а только там, где есть первый текст или второй)?
https://jsfiddle.net/3yL56ncq/1/

Comments

[Rustam Bainazarov]

Ну а как вы то представляете с такой разметкой?

Убирайте тег a и оборачивайте им только текст.

[olya_097]

Рустам Байназаров, все равно не то
желтый ховер отрабатывает и если сбоку где нету текста навести
и бордер был как сейчас на всю ширину

https://jsfiddle.net/vu8sbjk7/2/

Answer 1

[Игорь]

<span class="single__desc">Какой-то текст<a href="#" class="single__col">Скачать описание в doc</a></span>

 <span class="single__col">
   Какой-то текст
   <a href="#" class="single__col">Скачать описание в pdf</a>
 </span>

Comments

[olya_097]

Игорь, не то ведь

[Алексей Муравьёв]

Игорь, Объясните зачем вы у span задаёте атрибут href? Span контейнер, а не ссылка. В остальном все правильно.

[Игорь]

Алексей Муравьёв, Из за невнимательности ))

[Алексей Муравьёв]

Игорь, бывает )