通常、CSS クラスはタグ自体のフォーマットを変更します。たとえば、次のコード
<head>
<style type="text/css">
.r {background-color:green; color:white; font-weight:bold}
</style>
</head>
<body>
<ul>
<li>Item 1</li>
<li class="r">Item 2</li>
<li>Item 3</li>
<li class="r">Item 4</li>
<li>Item 5</li>
</ul>
</body>
"r" クラスのアイテムを黒丸なしで表示し、背景色をページ全体の幅に設定します。
タグ自体ではなく、コンテンツのみ (この場合はテキスト) にフォーマットを適用する方法で、追加のタグを内部に配置する必要はありません。