[subzey]

Хорошо.

<style type="text/css">
/* оригинальный цсс */
a.example:link, a.example:visited, a.example:hover  {
text-decoration: none;
}
a.example:hover span {
text-decoration: underline;
}
</style>

<style type="text/css">
/* какой-нибудь подключаемый универсальный цсс с типографикой */
	.typ-thin-space {
		letter-spacing: -.2em;
	}
	.typ-non-breakable {
		white-space: nowrap;
	}
</style>
 
<a class="example" href="#"><span>Exa</span>mple<span class="typ-thin-space typ-non-breakable"> </span>&mdash;<span class="typ-thin-space"> </span>строка</a>

И что мы имеем? Подчеркивания в совешенно ненужных местах. И это еще не самый страшный вариант, иногда спану задают float или position. Тогда что делать? Дебажить и искать, найти и оверрайдить?

Хотя, в конце концов, это — личное дело каждого. Но я бы просто посоветовал избегать в css трех вещей:

1. установки стилей DIV и SPAN без классов и/или id;
2. !important;
3. тривиальных названий классов и пренебрежение префиксами.

Да, и насчет хелловорлда, ясно же, что это всего-лишь пример. Но, ведь, человек же просто скопирует и вставит, а потом может столкнуться с трудностями.