Centrer verticalement un text

Bonjour,

J'ai un soucie en html/css, je sollicite votre aide car malgré les recherches google et se que j'ai trouver sur la toile, rien ne fonctionne. Je pense que l'erreur vient surement de mon code.

Je voudrais centrer verticalement un text dans une div mais rien ne fonctionne.

Vous comprendrez mieux avec cette capture :


Effectivement je souhaite remonter le text afin qu'il soit centrer en hauteur, par rapport à l'image de gauche.

Voici le code html:

<div id="contenuAssiettes">
<p><img src="assiettes/assiette1.png" class="effet_assiette" />
    <b>Pattes carbonara</b> : Spécialité du chef, apprécié par les clients.</p>
    </div>

Voici le code CSS:

#contenuAssiettes{
    border-left: 10px solid #8a6f87;
    margin: auto;
    height: 175px;
    width:780px;
    background-color: rgba(255, 255, 255, 0.03);
}


#contenuAssiettes > p{
    margin-bottom: 100px;
    display: inline;
    color: white;
    vertical-align:middle;
     font-family: "demo", sans-serif;


}

Merci de votre aide.