___1position
pour l'instant les elements se mettent à la suite alligné à gauche
style permet de controler les positions
position va dans <element style="position : ">


style="position : ... "

les valeurs possibles sont :
position: static (par default) ≻ dans l'ordre
position: relative ≻ defini le décalage par rapport à position static
position: absolute ≻ defini des coordonnées (relatives au contenant)
position: fixed ≻ defini par des coordonnées, fixes dans la fenetre

style="position : absolute ; ... "

les parametres complementaires :
top: / bottom: (haut/bas)
left: / right: (gauche/droite)

style="position : absolute ; top : ... ; left : ... "
⋎   ⋎
100 px > coordonnée en pixel (fixe +simple)
50 % > coordonnée en % de la fenetre (dynamique change avec taille de la fenetre)
    pour utiliser % mettre <meta name="viewport" content="width=device-width, initial-scale=1.0"> dans <head>
        ⋏    ⋏
style="width: ... ; height: ..."
width = largeur
height = hauteur
+
pour la position sur axe Z
(par default dans l'ordre du code)
style="z-index: "
"z-index:2" "z-index:-1"
⋎ "position:absolute; top:50px; left:660px; width:500px; height:300px" ⋎
"position:static" 🡖"position:relative; top:10px;left:20px;"
"position:absolute; top:40%; left:10px; width:70%;" "position:absolute; top:23px; right:5px;"
position:fixed; top:15%; left:80px; "position:absolute; bottom:2px; right:0px;"
ajuster la fenetre⭨