Bonjour,

ma page HTML a les instructions :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
<ul id="entourage">
  <li class=esp>
    <IMG SRC="IMG/elephant.jpg" BORDER=0 WIDTH=124 HEIGHT=110>
    <h3>Eléphant</h3>
    <p class="continent">Race des proboscidés<BR>Afrique Asie</p>
  </li >
  <li class=esp>
et la page CSS :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
#entourage li {
float:left;
border-style:solid;
border-color:#FF0000;
border-width:1px;
}
.esp{
padding-left:5px;
padding-right:5px
}
h3{
text-align:center;
font-family:Lucinda;
}
.continent{
text-align:center;
font-weight:x-small;
}
ça donne l'affichage :



Je voudrais resserer les textes vers l'image verticalement, et je ne sais pas comment faire

Pouvez vous m'aidé