Deplacer une image avec HTML et CSS

J'ai déjà était voir , mais ils n'explique pas comment deplacer une image...

{
position : absolute;
top : 10px;
left : 10px
}

dans ton css par exemple, ou alors en position relative, etc...

A moins que tu ne cherches à déplacer un élément lors du survol par exemple, dans ce cas là regarde du côté transition css3

Pour mettre tout a gauche c'est : Float:left;
Pour mettre tout a droite c'est : Float:right;
Pour gerer lespace entre la gauche de ta page est ton image c'est : Margin-left: 30px;
Pour gerer l'espace entre la droite de ta page est ton image c'est :Margin-right: 30px;
Pour gerer l'espace entre le haut de ta page est ton image c'est : margin-top:30px;
Pour gerer l'espace entre le bas de ta page est ton image c'est : margin-bottom:30px;

Enchangeant le nombre de pixels ;)

Merci pour le CSS mais que dois-je mettre dans mon html?
Moi j'ai mis ca:
<img src="image.png" alt="mon image" class="logo" />

Et en css:
.logo
{
position: absolute;
top: 10 px;
left: 10px;
}

Ya t-il une erreur?

html:
<img class="Logo"src="image.png" alt="mon image"/>(jpenser a ca ;))

css:
.Logo
{
position: absolute;
top: 10 px;
left: 10px;
}