Bonsoir Smiley smile

Je n'arrive pas à centrer verticalement un texte dans un bloc .. malgré mes recherches sur le web, avec display et vertical align ..

Voici le code :


#journal{
   height: 420px;
   font-family: monospace;
   overflow: auto;
   position: absolute;
   width:auto;
   margin: auto;
white-space: nowrap; 
   background-color: white;
   top: 20px;
     right: 1%;
     bottom: 0;
     left: 20%;
    
    
}

#image-journal{
    
   background-color: white;
   display: inline-block;
   width: auto;
    vertical-align: middle;
     white-space: nowrap;
 font-family: monospace;
 
    
}

#texte-journal{
   background-color: white;
   border: solid 1px black;
   display: inline-block;
   width: 400px;
   height: 400px;
   vertical-align: middle;
   text-align: center;
  font-family: monospace;



}

#texte-journal p{
     font-family: monospace;
     padding: 30px;
     vertical-align: middle;
     
     white-space: normal;
   width: 300px;
   vertical-align:middle;
  display:inline-block;
  line-height:normal; /* on rétablit le line-height */
  text-align:center; /* ... et l'alignement du texte */
}



et pour le html


	
            
	   <div id="journal">
	       
	       
	       <div id="image-journal"> <a href="lamodeafleurdepeau.html"> <img src="images/fashion/fashion-01.jpg"/>  </a> </div>
	       
	       <div id="image-journal">  <img src="images/journal/journal-1.jpg"/>   </div>
	       
	       <div id="texte-journal" > <p>Bienvenue à tous, <br><br>
	       Retrouvez dans mon journal toutes les actualités <br>
	       concernant mon travail photographique, publications, <br>
	       expositions et images insolites..!<br><br>
	       A bientôt !<br>
	       </p></div> 
		
	       
	   </div>



Merci à vous et belle soirée
Je supposes que c'est

span {display : inline-block;vertical-align : middle;line-height : 1.1;}

mais c'est sur le conteneur qu'il faut l'apliquer par exemple un span ! Smiley rolleyes
Modifié par Christele (24 Jul 2015 - 01:37)