Discussion :

[Invité]

Bonjours à tous,
Actuellement en création d"un site web de jeux vidéo, j'aimerai mettre le titre des jeux sous leurs images qui leurs correspond.
Voilà mon problème en image :



Si le titre est grand, le texte dépasse l'image est j'aimerais que le texte vient juste en dessous, un peu comme çà:


Voilà mon code HTML:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<h4> <a href=".."> <strong>PlayStation 3</strong> </a> </h4>
 
	<p> <a href="..">  <img  src="images/1.jpg" alt="jeux"/><br/>   <span>Final Fantaisie XII-2    </span>  </a>
	    <a href="..">  <img  src="images/2.jpg" alt="jeux"/><br/>   <span>Captain Morgane and and the Golden Turtle</span>  </a> 
	    <a href="..">  <img  src="images/3.jpg" alt="jeux"/><br/>   <span>Eye Pet and Friends    </span>  </a>
	    <a href="..">  <img  src="images/4.jpg" alt="jeux"/><br/>   <span>Obut Pétanque</span>  </a> 
	    <a href="..">  <img  src="images/5.jpg" alt="jeux"/><br/>   <span>Ferrari Challenge  </span>  </a>
	</p>

Et mon code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
a {
  display:inline-block;
}

Et J'aimerais aussi que le titre sois centrer sous l'image

Merci pour votre aide

Cordialement