Exercice 2/7

  • Dans le fichier index.html, ajoutez neuf div;
  • Dans chaque div, ajoutez le nom de quelqu'un que vous connaissez qui est soit : un ami, un membre de la famille, une personne de votre entourage professionnel;
  • Cliquez sur soumettre ma réponse pour vérifier vos résultats;

Note :
Dans le fichier stylesheet.css,il y a déjà du code. Ce sont de nouvelles propriétés CSS que vous verrez lors des exercices sur le positionnement en CSS.

Leçon 2/7

Pour commencer, vous aurez besoin de créer la structure HTML de base.

Commentaires les mieux notés

  • pizzutoandrea3

    verifie le bloque pour

  • mram Administrateur

    Il ne faut pas mettre de class et id dans le HTML. Juste les "div" et le texte dedans.

  • nawel-96

    Bonjour,

  • nawel-96

    on me dit de mettre du contenu dans la div 1, j'ai bien mis un nom entre les <p>

8 Commentaires

  • pizzutoandrea3

    pizzutoandrea3

    verifie le bloque pour

    le 03/06/2017 à 18h58

  • mram

    mram Administrateur

    Il ne faut pas mettre de class et id dans le HTML. Juste les "div" et le texte dedans.

    le 07/06/2017 à 14h17

  • nawel-96

    nawel-96

    Bonjour,

    le 14/04/2020 à 14h16

  • meriam

    meriam Administrateur

    Bonjour, supprimez les balises p, mettez le contenu directement entre les balises div.

    le 14/04/2020 à 14h30

  • g.ragot78390-77

    g.ragot78390-77

    Bloque pour la div 1 alors qu'il y a du contenu "texte"

    le 23/12/2018 à 23h18

  • meriam

    meriam Administrateur

    Bonjour, n&#39;ajoutez pas la balise &lt;p&gt; entre les div.
    

    le 24/12/2018 à 11h58

  • meriam

    meriam Administrateur

    Bonjour, n'utilisez pas la balise p entre les div.

    le 24/12/2018 à 11h58

  • Gaara

    Gaara

    Problème résolu merci.

    le 17/06/2019 à 18h20

index.html
stylesheet.css
<!DOCTYPE html> <html> <head> <link type="text/css" rel="stylesheet" href="stylesheet.css" /> <title>Diviser pour mieux régner</title> </head> <body> </body> </html>
div { display: inline-block; margin-left: 5px; }