Bonjour tout le monde.

Comme indiqué dans le titre j'ai un problème sur un padding que j'essaye de régler mais toutes mes tentatives sont veines. J'ai donc besoin d'un petit coup de pouce!

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
<li id="gourd">
		<h3><a href="#gourd"><img src="images/1-4.jpg" alt="" />Gourd</a></h3>
		<p>Gourds were the earliest plant species domesticated by humans and were originally used by man as containers or vessels before clay or stone pottery, and is sometimes referred to as 'nature's pottery'. The original and evolutional shape of clay pottery is thought to have been modeled on the shape of certain gourd varieties.</p>
	</li>
Voici mon html, je souhaite ajouter un padding de 0.5em sur l'ensemble mais pas sur l'image. Donc dans mon css j'ai fait :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
 
li#gourd {
	padding: 0.5em;
}
 
li#gourd img{
	padding: 0em;
}
Mais ça ne fonctionne pas. J'obtiens ceci:



La première image de la deuxième ligne est légérement décalée sur la droite alors que je voudrais qu'elle soit alignée comme les autres.

J'espère avoir été assez clair.

Merci de votre aide, bonne journée.