文字間隔・単語間隔を設定する

letter-spacing: 文字間隔
word-spacing: 単語間隔

文字間隔・単語間隔    normal ・ 単位付きの数値

letter-spacing プロパティは文字と文字の間隔を、
word-spacing プロパティは単語と単語の間隔を設定します。
数値を指定した場合は、標準の値に対してプラスされます(マイナスも可)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<META http-equiv="Content-Style-Type" content="text/css">
<title>CSS覚書</title>
<style type="text/css">
<!--

.sample1 { letter-spacing: 0.5em }
.sample2 { letter-spacing: 1em }
.sample3 { letter-spacing: 2em }
.sample4 { word-spacing: 0.8em }
.sample5 { word-spacing: 1.5em }
em {
font-style: normal;
font-weigt: bold;
color: #ff6600;
background-color: #ffffff
}
-->
</style>

</herd>
<body>
<h1>文字間隔・単語間隔を指定する</h1>

<h2>■ letter-spacing</h2>
<p>lette-spacing: <em>normal</em></p>
<p class="sample1">letter-spacing: <em>0.5em</em></p>
<p class="sample2">文字間隔: <em>1em</em></p>
<p class="sample3">文字間隔: <em>2em</em></p>

<h2>■ word-spacing</h2>
<p>It spacifies spacing behavior bitween words.</p>
<p class="sample4">It spacifies spacing behavior bitween words.</p>
<p class="sample5">It spacifies spacing behavior bitween words.</p>
</body>
</html>