Éditeur Tryit de W3Schools

<!DOCTYPE html>
<html>
<head>
<style>
div {
float: droite;
largeur: 120px;
marge: 0 0 15px 20px;
padding: 15px;
bordure: 1px solide noir;
text-align: center;
}
</style>
</head>
<body>

<h2>Laissez une image avec une légende flotter à droite</h2>

<p>Dans le paragraphe ci-dessous, l'élément div fait 120 pixels de large et il contient l'image. L'élément div flottera à droite. Des marges sont ajoutées au div pour éloigner le texte du div. Des bordures et du rembourrage sont ajoutés au div pour encadrer l'image et la légende.</p>

<p>
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
Ceci est du texte. Ceci est du texte. Ceci est du texte.
</p>

</body>

</html>