Neexistuje CSS na použitie podčiarknutia ( text-decoration: underline;
) iba na jednotlivé slová vo viacslovnom prvku. Najlepším spôsobom by bolo zabaliť každé slovo v rozpätí (nie medzery, iba slová) do rozpätí a na tieto rozpätia použiť podčiarknutie. Tu je jQuery, ktorý to robí s h1
prvkami.
$('h1').each(function() ( var words = $(this).text().split(' '); $(this).empty().html(function() ( for (i = 0; i < words.length; i++) ( if (i == 0) ( $(this).append('' + words(i) + ''); ) else ( $(this).append(' ' + words(i) + ''); ) ) )); ));
Potom by ste mohli urobiť:
h1 span ( text-decoration: underline; )
Podobné a trochu robustnejšie riešenie: Lettering.js