Exercice 13/16

  • Centrez le titre <h3>.
  • Alignez le premier élément de la liste à gauche.
  • Centrez le deuxième élément de la liste.
  • Alignez le troisième élément de la liste à droite .

Leçon 13/16

CSS a aussi le pouvoir de déplacer le texte et bien entendu toujours avec l'attribut magique style . Voici quelques exemples :
a. "text-align:left" aligne le texte à gauche
b. "text-align:right" aligne le texte à droite
c. "text-align:center" centre le texte

<h2 style="text-align:right">A droite toute !</h2>

Commentaires les mieux notés

55 Commentaires

  • melane.burg-85

    melane.burg-85

    bonjour, je comprends pas mes erreurs

    le 13/03/2023 à 10h00

  • Patricio M

    Patricio M Admin

    Ton dernier code est bon!!

    le 13/03/2023 à 14h31

  • hadjerbenhadid86-74

    hadjerbenhadid86-74

    bonjour, c'est quoi l'erreur à la ligne 7?

    le 08/02/2023 à 04h34

  • Patricio M

    Patricio M Admin

    Tu dois écrire en ENGLISH

    le 08/02/2023 à 08h25

  • mourinoux1-41

    mourinoux1-41

    hello je trouve juste votre site génial MERCI!!!

    le 18/01/2023 à 21h09

  • Patricio M

    Patricio M Admin

    Mourinoux! Merci pour le compliment!! :)

    le 19/01/2023 à 08h41

  • n.zannouti-72

    n.zannouti-72

    <!DOCTYPE html> <html> <head> <title>Déplacer un texte</title> </head> <body> <h3 style="text-align:center">Les partis politiques en France</h3> <ol> <li style="text-align:left">La gauche</li> <li style="text-align:center">Le centre</li> <li style="text-align:right">La droite</li> </ol> </body> </html>

    le 06/05/2022 à 08h41

  • meriam

    meriam Admin

    N'hésitez pas à demander de l'aide si vous trouvez des problèmes dans les exercices suivants.

    le 10/05/2022 à 22h19

  • frederique12simon-6

    frederique12simon-6

    mon code erreur est la balise <li>n2 doit avoir la valeur text -align:centres l attribut style c est ce qui est je crois je comprend pas la merci pour l aide

    le 22/11/2021 à 10h19

  • meriam

    meriam Admin

    Bonjour, il faut écrire center sans s

    le 22/11/2021 à 13h56

  • frederique12simon-6

    frederique12simon-6

    mon code erreur est la balise <li>n2 doit avoir la valeur text -align:centres l attribut style c est ce qui est je crois je comprend pas la merci pour l aide

    le 22/11/2021 à 10h19

  • meriam

    meriam Admin

    la valeur de l'attribut text-align est center (supprimez la lettre s)

    le 22/11/2021 à 13h59

  • isa.arnoux-98

    isa.arnoux-98

    bonjour, message après soumettre depuis 3 leçons : Votre script a mis trop de temps à s'exécuter, auriez-vous une boucle infinie ?

    le 02/11/2021 à 15h24

  • meriam

    meriam Admin

    Bonjour, votre code fonctionne correctement.

    le 08/11/2021 à 21h02

  • bilismira-75

    bilismira-75

    pourquoi ça bloque?

    le 09/06/2021 à 21h07

  • meriam

    meriam Admin

    Bonjour, pour le 3ème élément li, il faut créer text-align:right (vous avez écrit rignt).

    le 10/06/2021 à 10h42

  • gegoujon-30

    gegoujon-30

    depuis la leçon précédente, le bouton soumettre ne provoque plus d'action ?

    le 28/08/2020 à 06h58

  • meriam

    meriam Admin

    Bonjour, le problème est réglé.

    le 28/08/2020 à 07h34

  • nicolas41-57

    nicolas41-57

    J'arrive pas trop à comprendre là. J'ai bien placé toutes mes balises etc. Et ça ne veut pas pour la liste

    le 22/06/2020 à 10h38

  • meriam

    meriam Admin

    Votre code est correct.

    le 22/06/2020 à 11h03

  • saimzacchary

    saimzacchary

    bonjour je ne comprend pas mon erreur

    le 29/12/2017 à 11h38

  • mram

    mram Admin

    Bonjour, attention ce n'est pas "Left" mais "left" qu'il faut mettre.

    le 31/12/2017 à 16h54

  • nms2808

    nms2808

    Bonjour je voudrais savoir comment faire pour que la numerotation (1,2,3) suivent les mots La gauche, Le centre et la droite. Est ce possible?

    le 06/11/2017 à 12h47

  • mram

    mram Admin

    Bonjour, non les numéros sont attribués aux balises selon leur ordre dans le code HTML, peut importe ce qui est écrit au niveau du texte.

    le 07/11/2017 à 20h57

  • housni09

    housni09

    bonjour erreur sur l 'exercice suivre indication sur index.html ! la gauche;le centre;la droite

    le 21/10/2017 à 13h08

  • mram

    mram Admin

    Bonjour, votre code est correct. Quelle erreur avez-vous ?

    le 25/10/2017 à 11h02

  • YD.

    YD.

    Bonjour pourquoi je ne vois jamais apparaitre les titres ?

    le 29/09/2017 à 13h07

  • mram

    mram Admin

    Bonjour, votre ditre "h3" est vide : regardez bien où vous avez mis le texte...

    le 30/09/2017 à 10h48

  • rotaru.elena

    rotaru.elena

    bonjour,je comprends pas pourquoi ça fonctionne pas:)

    le 20/08/2017 à 06h56

index.html
<!DOCTYPE html> <html> <head> <title>Déplacer un texte</title> </head> <body> <h3>Les partis politiques en France</h3> <ol> <li>La gauche</li> <li>Le centre</li> <li>La droite</li> </ol> </body> </html>