Si vous souhaitez apprendre à faire flotter une image à droite du texte, sachez que c'est une tâche assez simple. Il existe de nombreuses situations dans lesquelles les programmeurs souhaitent qu’une image d’une page Web apparaisse à l’intérieur du texte, avec le texte qui s’enroule ou s’enroule autour. Heureusement, la manipulation d'images est similaire à la manipulation de texte. Par conséquent, si vous avez de l'expérience avec ce dernier, ce processus ne devrait pas être difficile du tout.
En fait, avec la propriété CSS float, il est facile de faire glisser votre image à droite du texte et de laisser le texte s’écouler autour de celle-ci du côté gauche. Utilisez ce tutoriel de cinq minutes pour savoir comment.
Commencer
Pour commencer, écrivez un paragraphe de texte et ajoutez une image au début du paragraphe. Cela devrait être fait avant le texte mais après le
étiquette):
Ensuite, ajoutez un attribut de style à l'image et appliquez la propriété float:
Votre texte sera écrasé contre l'image, ajoutez donc quelques marges à l'image pour la rendre plus lisible:
La propriété abrégée de la marge applique les marges dans l'ordre haut, droite, bas et gauche (TRBL). Et ça le fait. Maintenant, vous voyez que faire flotter une image à droite n'est pas difficile du tout. Vous pouvez également être intéressé par une image flottante à gauche et au centre. Bien que le premier déplacement soit possible, vous ne pouvez malheureusement pas faire flotter une image au centre, car cela nécessiterait généralement une disposition en deux colonnes.
Emballer
