padding inattendu sur des blocs <p>
Bonjour à tous !
J'ai un soucis avec deux blocs paragraphes, ils ont visiblement tout les deux un padding-bottom. Pourtant je n'en ai mis aucun que ce soit dans mon fichier html ou css...
http://img11.hostingpics.net/thumbs/mini_854610truc.png
(On voit bien l'espace entre l'image et le bord blanc)
Le HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| <body>
<header>
<p>BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA BLA </p>
</header>
<section>
<p><img src="vegetation.jpg" alt="végétation" /></p>
<p><img src="monorailCat.jpg" alt="Monorail cat" /></p>
</section>
<footer>
<p>BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU BLU </p>
</footer>
</body> |
Le CSS
Code:
1
2
3
4
5
6
7
8
9
| section p{
display: inline-block;
border : 1px solid white;
}
section{
background-color: green;
border : 2px solid red;
} |
Si quelqu'un a une idée...
Merci d'avance :)
