Problème alignement codage HTML/CSS

Résolu
Bonjour,

Je suis en train de coder un site en HTML5/CSS3.

Je rencontre un problème d'alignement sur plusieurs de mes pages : lorsque je spécifie dans ma feuille CSS l'alignement de mes éléments (align-content: center ou text-align: center), rien ne se passe, les photos comme le texte restent sur la gauche de la page. J'ai également essayé de jouer sur les marges, mes rien ne se passe.

Quelqu'un a-t-il une solution ?

Merci d'avance :)

2 réponses

  1. Donne ton code.
    1. html :
      <br/>
      <p12><img src="Images/5%20raisons%20de.png" alt="5 raisons de travailler avec moi" style="width:600px;height:1500px;border:0"> </p12>

      css :
      p12 {align-content: center;margin-left: 200;margin-right: 200; width: 100%}
  2. Contributeur
    Salut,

    Ton erreur se situe sur ta balise, pour ajouter une classe ou un id, tu doit écrire le nom de la balise puis après un espace
    class="p12"
    ou
    id="p12"
    . Donc
    <p class="p12">
    .
    On ne répète pas non plus la classe à la fermeture de la balise.
    A savoir aussi qu'une classe ou un id ne peuvent commencer par un chiffre.
    Donc le HTML est :
    <br/>
    <p class="p12"><img src="Images/5%20raisons%20de.png" alt="5 raisons de travailler avec moi" style="width:600px;height:1500px;border:0"></p> 
    

    Dans le CSS :
    .p12 {align-content: center;margin-left: 200px;margin-right: 200px; width: 100%;}
    

    Dans les valeurs du CSS, tu dois aussi préciser les unités, càd px(pixels) et bien finir chaque propriétés par un
    ;

    Si tu as d'autres questions :)

    +++
    1. Super, ça fonctionne ! :)

      Merci beaucoup pour ton aide !