Bien le bonjour !

J'ai un soucis, comme suggéré dans le titre, j'ai deux blocs ( une image et du texte) que je voudrais aligner verticalement.
J'ai fait comme j'ai trouvé sur le net avec vertical-align, line-height et inline mais rien ne change, mon bloc texte ne veut pas s'aligner il est toujours trop bas comme si il y avait une marge, alors qu'il n'y a rien ! ni marge ni padding !
voici mon code html :

 <div class="carre">
				<div class="textcarre">
					<p>A VOTRE SERVICE DU <br>
					MARDI AU SAMEDI</p>
					<p>DE 9H A 12H </br>
					ET DE 15H A 19H</p>
					<p>FERME LE LUNDI</p>
				</div>
			</div>
			<div class="magasin"><img src="magasin.jpg" height="267"></div>

et mon CSS :


.carre
{
	height:267px; /* largeur de 267px*/
	width:267px; /* hauteur de 267px*/
	background-color:#274795; /* fond de la div de couleur bleu*/
	text-align:center; /*centrer text horizontalement */
	line-height:267px; /*centre text vertical*/
}
.textcarre
{
	font-size:10pt; /*taille de la police */
	color:white; /*couleur de la police */
	font-weight: bold; /* police en gras */
	display:inline-block; /* blok aligné*/
	vertical-align:middle; /*centre text vertical*/
	line-height:20px;/*centre text vertical*/
}
.carre, .magasin
{
	display:inline-block; /*alignement des blocs carre et magasin*/
}


merci pour l'aide !
mon dieu quelle cruche --' j'avais pas vu le lien ...
effectivement ..... j'ai pas pensé à changer le valeur du vertical align pour le bloc ....... merci bcp !

le dev c'est pas fait pour les tête en l'air xD