Il arrivera parfois que vous ayez besoin d'appliquer une class (ou un id mais c'est plus rare) à certains mots qui ne sont pas entourés par des balises. En effet, le problème des class c'est qu'il s'agit d'un attribut, vous ne pouvez donc en mettre que sur une balise.

Par exemple dans l'image précédente, je veux juste mettre en vert le mot "mais" . Ce serait facile s'il y avait une balise autour de ce mot. Mais, ici il n'y en a pas. Heureusement, deux nouvelles balises viennent à notre secours :

• La balise <SPAN> et </SPAN> : C'est une balise qui se met à l'intérieur d'un paragraphe.
• La balise <DIV> et </DIV> : Cette balise crée un nouveau bloque comme la balise <p> et provoque donc un retour à la ligne. Elle est très utilisée pour la création d'un design et donc va de paire avec l'attribut id.

Voici le code css et html à appliquer pour mettre un mot en vert par exemple :

Et voici le résultat