Comment mettre un texte à coté d'une image HTML ?

Réponses rédigées par Antoine

Dernière mise à jour : 2021-07-04 11:54:15

Question

Bonjour, je voudrais positionner un texte à coté d'une image HTML, de telle manière que le texte débute en haut à droite de l'image, merci.

Réponse

Pour positionner un texte à coté d'une image HTML, vous pouvez utiliser la propriété CSS float, ainsi que margin, pour que le texte ne soit pas collé à l'image.

Exemple pour mettre un texte à coté d'une image HTML :

<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>Comment mettre un texte à coté d'une image HTML ?</title>
<style>
.image {
float: left;
margin: 0 15px 15px 0;
}
</style>
</head>
<body>
<img src="https://www.collaborativejob.com/images/pub/welcome-reset.jpg" class="image">
<p>Un texte qui est positionné à coté d'une image HTML.<p>
</body>
</html>

Démo sur le bac à codes.