Je veux changer les marges d'un élément h4 avec styles.css

Dans le fichier HTML, le h4 est imbriqué comme suit:

main div h4 {
  margin: 20px, 0, 0, 0;
  /* want to change top margin */
}
<main role="main" class="col-12 col-md-9 col-xl-8 py-md-3 pl-md-5">
  <div style="padding-top: 1.0rem;">
    <ul>...</ul>
    <h4 id='sec_summary'>Summary</h4>
  </div>
</main>

Les autres styles définis dans styles.css fonctionnent correctement. Mais lorsque j'essayais de définir la marge h4 de la manière indiquée ci-dessus, j'ai essayé différents nombres et unités, la marge de h4 ne change pas du tout. Pourquoi le code ne fonctionne-t-il pas?

2
Robin 23 mai 2018 à 07:47

4 réponses

Meilleure réponse

Supprimer ,:

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
}
4
Ehsan 23 mai 2018 à 04:49

Vous devez supprimer , de votre css et mettre space à la place

main div h4 {
    margin: 20px 0 0 0; /* want to change top margin */
  }
1
Ehsan 23 mai 2018 à 04:51

Vous devez supprimer les virgules (,) de votre css et mettre un espace ()

Vous définirez la marge individuelle comme suit:

  main div h4 {
    margin-top: 20px;
    margin-bottom: 0;
    margin-right: 0;
    margin-left: 0;
     }

Vous utiliserez la syntaxe de combinaison comme suit:

   main div h4 {
    margin: 20px 0 0 0;
     }
1
Mr. Roshan 23 mai 2018 à 04:55

Veuillez supprimer , de votre code de marge CSS et placez un espace entre eux comme,

main div h4 {
  margin: 20px 0 0 0; 
}

Si la propriété margin a quatre valeurs:

top margin is 20px
right margin is 0px
bottom margin is 0px
left margin is 0px
0
Ashique Hussain Ansari 23 mai 2018 à 05:40