Как избежать подчеркивания привязки пробелов без изменения стиля кодирования?

Взгляните на следующую скрипту:

http://jsfiddle.net/DNhAk/14/

Когда у вас есть изображение с текстом, заключенным в якорь/ссылку, пробел между изображение и текст в коде создают подчеркнутый пробел на отображаемой странице прямо перед текстом.

Когда нет изображения, нет и подчеркнутого пробела, даже если в коде есть пробел.

Единственный способ избежать этого подчеркнутого пробела — это устранить пробелы в моем коде. Но я ненавижу менять свой стиль кодирования, чтобы изменить представление отображаемой страницы. В любом случае, изменение вашего HTML для управления представлением страницы в любом случае неправильно. Это похоже на использование разрывов строк (
) для добавления пробела между элементами вместо использования CSS.

Есть ли не столь очевидное для меня свойство CSS, которое используется для решения этой проблемы?

ОБНОВЛЕНИЕ По какой-то причине люди зацикливаются на границах и полях изображения, которые были у меня в коде. Я положил их туда только для того, чтобы было красиво. Они не имеют ничего общего с проблемой, поэтому я удалил их и обновил скрипт, чтобы люди могли более четко понять, в чем проблема.