Flottants

30 min 2 exercices Niveau 6

Exercice 1

Exercice 2

Énoncé

Soit le code suivant :

<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Microlead - Exercice 1 CSS</title>
</head>
<body>
    <p>Des centaines de cours disponibles.</p>
</body>
</html>

Modifier le code afin de :

D’afficher une image à droite du paragraphe dont la source est “https://bit.ly/3xKqi0S”.
D’afficher une autre image à gauche du paragraphe dont la source est “https://bit.ly/3rHdaWn”.

Contraintes

Les langages utilisés doivent être uniquement le HTML et le CSS.

Résultats attendus

Le résultat suivant est visible lors du chargement de la page HTML au sein de votre navigateur :

Une image est affichée à droite.
Une autre image est affichée à gauche.

Besoin d'aide ?

Rejoignez notre communauté officielle et ne restez plus seul à bloquer sur un problème !