文字間隔

安易なので半角スペースや全角スペースを使いがちですが読み上げブラウザや、検索エンジンのプログラムが意味を取得できないのでCSSで実現しましょう。
均等割り付けのような効果をCSSで実現するにはletter-spacingを使用します。文字と文字の間隔を指定することが可能です。自動で均等割りにならないので計算してそれぞれ指定する必要があります。


		<dl>

		<dt class="l2">時間</dt><dd>集合時間は任意</dd>

		<dt class="l4">参加費用</dt><dd>あるだけ</dd>

		<dt class="l3">ご注意</dt><dd>自己責任で</dd>

		</dl>

		 dt{float:left;width:120px;}

		.l2{letter-spacing: 2em;}

		.l3{letter-spacing: 0.5em;}

		.l4{letter-spacing: 0;}

時間: 集合時間は任意
参加費用: あるだけ
ご注意: 自己責任で

定義済みリストのdtにクラスを設定しそれぞれ4文字幅になるようにletter-spacingを設定します。