mes box ne saligne pas rapport a mon css

sa c'est mon css
#1configpc{
width: 227px;
height: 227px;
position: absolute;
top: 1340px;
left: 200px;
}
#2monavissur{
width: 227px;
height: 227px;
position: absolute;
top: 1340px;
left: 500px;
}
#3vlogcolis{
width: 227px;
height: 227px;
position: absolute;
top: 1340px;
left: 800px;
}
#4vidéosetup{
width: 227px;
height: 227px;
position: absolute;
top: 1640px;
left: 200px;
}
#5vidéoteste{
width: 227px;
height: 227px;
position: absolute;
top: 1640px;
left: 500px;
}
#6unboxing{
width: 227px;
height: 227px;
position: absolute;
top: 1640px;
left: 800px;
}
#7vloge{
width: 227px;
height: 227px;
position: absolute;
top: 2000px;
left: 200px;
}
#8bricolage{
width: 227px;
height: 227px;
position: absolute;
top: 2000px;
left: 500px;
}
#9annonce{
width: 227px;
height: 227px;
position: absolute;
top: 2000px;
left: 800px;
}
#10minecraftuhcsaison1{
width: 227px;
height: 227px;
position: absolute;
top: 2300px;
left: 200px;
}
#11blackchot{
width: 227px;
height: 227px;
position: absolute;
top: 2300px;
left: 500px;
}
#12rediffusionlive{
width: 227px;
height: 227px;
position: absolute;
top: 2300px;
left: 800px;
}
#13letsplaymultisaison1minecraft{
width: 227px;
height: 227px;
position: absolute;
top: 2600px;
left: 200px;
}
#14commentconstruirsaplanchedetrain{
width: 227px;
height: 227px;
position: absolute;
top: 2600px;
left: 500px;
}
#15informatic{
width: 227px;
height: 227px;
position: absolute;
top: 2600px;
left: 800px;
}

sa c'est mon html

<a href="1config pc.html">
<div id="1configpc"><img src="images/1config pc.png"></div>
</a>
<a href="2mon avis sur.html">
<div id="2monavissur"><img src="images/2mon avis sur.png"></div>
</a>
<a href="3vlog colis.html">
<div id="3vlogcolis"><img src="images/3vlog colis.png"></div>
</a>
<a href="4vidéo setup.html">
<div id="4vidéosetup"><img src="images/4vidéo setup.png"></div>
</a>
<a href="5vidéo teste.html">
<div id="5vidéoteste"><img src="images/5vidéo teste.png"></div>
</a>
<a href="6unboxing.html">
<div id="6unboxing"><img src="images/6unboxing.png"></div>
</a>
<a href="7vloge.html">
<div id="7vloge"><img src="images/7vloge.png"></div>
</a>
<a href="8bricolage.html">
<div id="8bricolage"><img src="images/8bricolage.png"></div>
</a>
<a href="9annonce.html">
<div id="9annonce"><img src="images/9annonce.png"></div>
</a>
<a href="10minecraft uhc saison 1.html">
<div id="10minecraftuhcsaison1"><img src="images/10minecraft uhc saison 1.png"></div>
</a>
<a href="11blackchot.html">
<div id="11blackchot"><img src="images/11blackchot.png"></div>
</a>
<a href="12rediffusion live.html">
<div id="12rediffusionlive"><img src="images/12rediffusion live.png"></div>
</a>
<a href="13let's play multi saison 1 minecraft.html">
<div id="13letsplaymultisaison1minecraft"><img src="images/13let's play multi saison 1 minecraft.png"></div>
</a>
<a href="14comment construir sa planche de train.html">
<div id="14commentconstruirsaplanchedetrain"><img src="images/14comment construir sa planche de train.png"></div>
</a>
<a href="15informatic.html">
<div id="15informatic"><img src="images/15informatic.png"></div>
</a>

Hello,

Je crois que la réponse se trouve précisément ici et la.
Une fois que tu l'auras trouver peut-être que tu trouveras aussi une autre réponse 😉

Amicalement 😉

Bonjour,
N'oublie pas d'utiliser le bouton CODE lorsque tu souhaites mettre un bout de code sur la forum, c'est plus pratique.
Enfin, n'hésite pas à prévenir lorsque ton problème est résolu et à mettre le topic en résolu.
Merci ;)