Bonjour à tous,

Débutant en html, j'aurais aimé savoir s'il était possible de décaler une image par rapport au centre, j'ai ceci :

site.html :

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="style.css" />
        <title>Premiers tests du CSS</title>
    </head>
 
    <body>
		<div id = "box">
			<img src="box.png" alt="Program" title="Program"/>
		</div>
    </body>
</html>

style.css :

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
body {
	background:url("plane.png") center;
}
#box {
	padding: 10px 211px ;/*se place correctement quand l'alignement est à gauche*/
}

J'ai un fond en patchwork qui représente un damier isométrique et je souhaite y rajouter des éléments (qui doivent être alignés).
Aucun problème quand je me cale à gauche mais au milieu il ne veut pas...

Merci d'avance ! (Je ne sais pas si mon message est posté au bon endroit)
#edit merci vermine comment puis-je déplacer mon post vers forum css ?