Médiaforma

Faire flotter un élément

Print Friendly

Dans les rubriques précédentes, vous avez appris à positionner un élément à un emplacement bien précis. Je vous propose maintenant d’apprendre à faire flotter un élément par rapport à un autre. Cela vous permettra par exemple d’enrouler du texte autour d’une image.

La technique à utiliser est élémentaire : il vous suffit de définir l’attribut float dans l’élément que vous désirez voir flotter et de lui affecter la valeur left ou right en fonction de l’emplacement souhaité.

Ici par exemple, l’image chat-poisson.png flotte à droite et le texte qui suit s’enroule autour :

Si vous affectez la valeur left à la propriété float, l’image flotte à gauche et le texte s’enroule autour :

Vous avez aimé cet article ? Partagez-le avec vos réseaux...
 
Comments

No comments yet.

Leave a Reply