Bonsoir
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 :
et pour le html
Merci à vous et belle soirée
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