Problème alignement titre

Bonjour,

Mon titre se compose de deux mots. Un des deux mots et en gras et l'autre normal. Je souhaite qu'ils apparaissent sur la même ligne mais lorsque je regarde le rendu le mot en gras apparait en dessous du mot normal.
je donne un exemple pour être plus claire. Moi je voudrais:

PEINTURES contemporaines

et il me met:
PEINTURES
contemporaines


les codes insérés sont:

<bold>html:</bold>
</a>
<div class="caption"><a href="">PEINTURES<b><span>contemporaines</span></b></a>

css:

.item .caption a {
 text-decoration:none;
 color:#9400D3;
 font-size:20px; 
 font-weight:normal;
        text-align:center;
       

 /* add spacing and make the whole row clickable*/
 padding:5px;
 display:block;
}

.item .caption b {
 text-decoration:none;
 color:#9400D3;
 font-size:20px; 
 font-weight:bold;
        text-align:center;
       

 /* add spacing and make the whole row clickable*/
 padding:5px;
 display:block;
}

EDIT : Ajout des balises de code (la coloration syntaxique). Explications disponibles ici :ICI Merci d'y penser dans tes prochains messages. Jordane45

Comprenez-vous mon erreur?

Merci beaucoup
Novis