CSS：テキストの行間を減らしますか？
CSSの行の高さ（または高さ-両方試してみました）でテキストの行間隔を狭めるのが困難です。
テキストが少しあり、間隔がオフになっています。適用する（表示される）スタイルを変更し、テキストを<span>...</span>で囲み、スタイルを明示的に宣言しようとしました。何も機能していないようです。
サイトisa Wordpress Pagelines "lite"テーマを使用したサイト。URLは http://stage.dsthree.com で、問題はフロントページ（テキストの4列目、小さなテキストの「電子メールサブスクライブ」ボックスのすぐ下に表示されます-そのテキストの行間はオフです。このサイトでは、スクリーンショットを投稿できません。 ..ごめんなさい。
行の高さを1％に、1pxに減らして効果をなくしました。
空白を減らす方法に関するヘルプ、指示、提案は大歓迎です！
インライン要素は、line-heightなどのプロパティを尊重しません。それらは、最も近いブロックの親の行の高さを取ります。
Fiddle を参照してください
解決策：ボディから行の高さを削除するか、スパンをブロックにします（つまり、divにします。スパンにdisplay:blockを与えないでください）。
追加 display:block＆heightを削除します。
<span style="font-size: 75%; line-height: 16px; display:block">blog posts & occasional updates (updates max 1 every 14 days)</span>
display:blockプロパティここ。
あなたが持っている line-height: 21px;本文。これを削除すると、動作するはずです。