Support de cours - Lita

Dans cet exemple le bloc conteneur est l’élément dont la balise est body. L’image est
donc positionnée par rapport aux bords de la page toute entière.
Pour positionner l’image par rapport au paragraphe qui la contient, il faut que le
paragraphe devienne le bloc conteneur de l’image. Pour cela, il suffit de changer le type de
positionnement du paragraphe (qu’il ne soit plus en position statique). L’astuce consiste
à définir le paragraphe en position relative, et de conserver ses valeurs automatiques de
positionnement : ainsi l’emplacement du paragraphe dans le flux normal est conservé
sans aucun décalage (par défaut top, left, etc. sont à 0). Ce qui donne :
p {
}
position: relative;
img {
position: absolute;
top: 10px;
right: 20px;
}
34