Salut,

sur la page de mon site, il y a un titre qui me pose un petit problème d'alignement.
La page:vdn-rando.9online.fr/faucon.html

J'aimerai que le titre "le faucon pélerin" soit aligné en bas, juste au'dessus de la ligne orange.

l'ensemble du titre est paramétré en CSS dont voici le code:
.centre2 h1{
   font-size:16pt;
   font-weight:bold;
   font-family:times new roman;
   font-style:italic;
   color:#006600;
   text-align:left;
   vertical-align:bottom;  /*<!-- marche pô  */
   height:50px;
   padding-left:50px;
   background-image:url(photos/pelerin.gif);
   background-position:left;
   background-repeat:no-repeat;
   border-bottom:1px solid #CC6600;
   margin-left:0px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:20px;
   }

J'ai dejà essayé tous les vertical-align, et autre code css que je connais. Sans succès! il doit bien y avoir un moyen de pousser ce titre vers le bas?

Merci

Bonjour,

J'ai peur qu'en augmentant le margin-top l'image ne descende 
Pour ne pas décaler l'image et descendre le titre, modifie le padding-top 

Et pour éviter d'avoir des CSS de 3km de long, je te conseille d'utiliser les notations raccourcies.

Voici le même code en plus court :

Code:

.centre2 h1{   font:16pt bold italic times new roman;   color:#006600;   text-align:left;   vertical-align:bottom;   height:50px;   padding-left:50px;   background:url(photos/pelerin.gif) left no-repeat;   border-bottom:1px solid #CC6600;   margin: 0 0 20px 0;   }