Ссылка с картинков

[PavelTkachev]

Как сделать ссылку подчёркнутую точками с картинкой слева, чтобы она не была подчёркнута. Понимаю, что можно в тег a вложить span и сделать отступ с background. Но можно ли обойтись одним тегом a?

 

Я пробовал делать а:before для картинки и border-bottom:dotted для ссылки. Но точки распространяются и на картинку слева, чего быть не должно.

[Galaxy]

http://jsfiddle.net/HR9Mw/

[npofopr]

http://jsfiddle.net/HR9Mw/

добавьте текст справа от ссылки и все ваше решение становится негодным. 

[Galaxy]

Добавьте нужный margin-right и все станет нормально.

[Sergik+]

Сам недавно решал эту задачу, ничего лучше не придумал как лишний элемент.

Честно не стал использовать position:absolute вроде как пишут что не хорошо так,

может зря я так категорично ?

Edited July 23, 2014 by Sergik+

[Aleksandr.L]

Я бы тоже со <span>'ом сделал, так проще всего.

[PavelTkachev]

http://jsfiddle.net/HR9Mw/

Спасибо!