W3Schools Tryit Éditeur

<!DOCTYPE html>
<html>
<body>

<h1>Aligner l'image avec CSS</h1>

<h2>vertical-align: bas</h2>
<p>Ceci est un texte.<img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:bottom">Ceci est du texte. Ceci est du texte. Ceci est du texte.</p>

<h2>vertical-align: middle</h2>
<p>Ceci est un texte.<img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:middle">Ceci est un texte. Ceci est un texte. Ceci est un texte.</p>

<h2>vertical-align: top</h2>
<p>Ceci est un texte.<img src="smiley.gif" alt="Smiley face" width="42" height="42" style="vertical-align:top">Ceci est un texte. Ceci est un texte. Ceci est un texte.</p>

<h2>float: droite</h2>
<p>Ceci est un texte.<img src="smiley.gif" alt="Smiley face" width="42" height="42" style="float:right">Ceci est un texte. Ceci est un texte. Ceci est un texte.</p>

<h2>float: gauche</h2>
<p>Ceci est un texte.<img src="smiley.gif" alt="Smiley face" width="42" height="42" style="float:left">Ceci est un texte. Ceci est un texte. Ceci est un texte.</p>

</body>

</html>