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 :
et mon CSS :
merci pour l'aide !
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 !