Éditeur Tryit de W3Schools

<!DOCTYPE html>
<html>
<head>
<style>
img {
flottant: droite;
bordure: 1px pointillée noir;
marge: 0px 0px 15px 20px;
}
</style>
</head>
<body>

<h2>Laissez une image flotter à droite dans un paragraphe</h2>

<p>In the paragraph below, the image will float to the right. A dotted black border is added to the image. 
Nous avons également ajouté des marges à l'image pour éloigner le texte de l'image :
0 px de marge en haut et à droite, 15 px de marge en bas, et 20 px de marge à gauche de l'image.
</p>

<p><img src="w3css.gif" width="100" height="140">
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 un texte. Ceci est un texte. Ceci est un 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>