Problème de décalage image

Bonjour,

J'ai pas mal cherché sur mais j'ai pas trouvé de réponse à mon problème.
Dans ma page html je dois poser une série d'image aligné horizontalement avec comme objectif que chacun envoie sur un lien différents quand je clique dessus.

Mon problème est que les images se positionnent par rapport à l'image précédente.
Par example j'ecris:
h1{

margin-left: 500px ;
}

h2{

margin-left: 200px ;
margin-top: 20px ;
}

L'image h2 prend comme point de départ l'image h1, l'image h3 prend h2 etc.

Comment puis-je faire pour placer chaque image là où je veux exactement ?

Merci.