見出しなどで、よく文字と文字の間隔を広げる装飾が使われます。ワープロだと、文字と文字の間に半角スペースを挿入することで広げたりします。でも、スペース（空白文字）を挿入することで間隔を調整するには、デメリットがあります。

• 検索にかからなくなる
• 半角スペースの幅でしか調整できない
• 読み上げソフトで正しく読み上げられない

例えば、「空白文字」という4文字の間に半角スペースを挿入して「空 白 文 字」としてしまうと、それは「空（そら）」・「白（しろ）」・「文（ぶん）」・「字（じ）」という4単語だと解釈されてしまいます。（主に検索エンジンや読み上げソフトから。）

こうなると、「空白」などの検索語ではヒットできなくなりますし、正しく読み上げられなくなります。
また、デザインの面から言っても、半角文字1つ分単位でしか調整できません。

というわけで、文字間隔を調整したい場合には、スタイルシートのletter-spacingプロパティを使いましょう。
以下のような感じで記述します。

h2 {
   letter-spacing: 0.5em;
}

上記のように記述すると、h2要素内の文字と文字の間隔が0.5文字分確保されます。
表示すると以下のような感じ。

もっと広くしたければ、「0.3em」の部分を大きくすれば良いだけです。「1em」にすれば、1文字分の間隔が空きます。他の単位も使えるので、「3px」と書けば3ピクセルだけ空くようになります。