Salut,

Voici mon problème : impossible de centrer les images dans mes div http://i.imgur.com/armCnbh.png

Le HTML, j'utilise HBS avec nodejs :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
 
	<div class="blockimg w3-hover-shadow" onClick="">
		<img src="image/{{this}}.svg" alt={{this}}/>
	</div>

Le 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
 
.blockimg {
	display: inline-block;
	vertical-align:middle;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	background-color: white;
	margin: 20px;
        height: 200px;
        width: 200px;
}
 
.blockimg img{
    vertical-align:middle;
    height: auto;
    width: auto;
    max-width: 180px;
    max-height: 180px;
    display: block;
}
Pouvez-vous m'aider ? Merci