Sommaire

L’élément <span>

L’élément <span> est souvent utilisé, par exemple, pour avoir une division au sein d’un paragraphe de texte. Ceci est très pratique pour mettre en forme de manière particulière du texte dans un texte formaté d’une autre manière.

Voici un exemple précis : nous souhaitons mettre en fond gris et avec une fine bordure une partie d’un texte dans un paragraphe.

Voici le sélecteur CSS :

.fond-gris {  
   background-color: #eee;  
   padding: 0 5px;  
   border: 1px solid #333;  
}

Voici son application dans le code HTML :

<p>Donec ullamcorper nulla non metus auctor   
fringilla. Morbi leo risus, <span class="fond-gris">porta   
ac consectetur ac vestibulum</span> at eros. Donec sed odio...</p>

Voici l’affichage obtenu :

images/C06-004.png