Tidak ada CSS untuk menerapkan garis bawah ( text-decoration: underline;) hanya untuk kata-kata individual dalam elemen banyak kata. Cara terbaik adalah dengan membungkus setiap kata dalam satu rentang (bukan spasi, hanya kata) dalam rentang dan menerapkan garis bawah pada rentang tersebut. Inilah jQuery untuk melakukan itu pada h1elemen.
$('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) + ''); ) ) )); ));Kemudian Anda dapat melakukan:
h1 span ( text-decoration: underline; )Solusi serupa dan sedikit lebih kuat: Lettering.js