Diminuer l'espace entre la tête et le paragraphe verticalement dans le html

Je veux diminuer l'espacement vertical entre en-tête et le paragraphe.

<td style="width:427px;">
  <h2 style="color:#156CA4">Quotation</h2>
  <p style="color:#00A651">abc Technologies Pvt Ltd</p>
</td>
InformationsquelleAutor krishna mohan | 2016-01-20
  1. 7

    Essayez d'ajuster la hauteur de la ligne de propriété à l'aide de CSS. Je voudrais vous recommandons de lui donner un id mais si vous voulez seulement qu'il affecte cette balise p en particulier

    p {
    line-height: 0px;
}

    Il y a aussi la possibilité de marges négatives (ce qui n'est pas considéré comme une bonne pratique, mais fonctionne dans votre cas):

    p {
    margin-top:-5px;
}
    • grâce à sa résolu
    • Pas de problème 🙂 content d'avoir pu aider
    InformationsquelleAutor Smithy
  2. 4

    Vous devez supprimer la marge de deux h2 et p.

    h2{
  margin-bottom: 0px;
}
p{
  margin-top: 0px;
}

    ici est un jsfiddle pour voir les résultats

    • Eh bien... C'est une meilleure solution que d'être acceptées, si votre paragraphe ou d'en-tête s'étend sur plusieurs lignes,
    InformationsquelleAutor Hampus
  3. 1

    Simple d'utilisation suivantes css sera supprimer par défaut tous les padding et margin. Car ici, h2 utiliser l'espacement par défaut. 

    *{
  margin:0;
  padding:0;
}

    Résultat précédent:

    HTML:

     <td style="width:427px;">
 <h2 style="color:#156CA4">Quotation</h2>
 <p style="color:#00A651">abc Technologies Pvt Ltd</p>
 </td>

    Nouveau Résultat:

    CSS:

    *{
  margin:0;
  padding:0;
}

    HTML:

     <td style="width:427px;">
 <h2 style="color:#156CA4">Quotation</h2>
 <p style="color:#00A651">abc Technologies Pvt Ltd</p>
 </td>

    Travail De Violon

    InformationsquelleAutor ketan
  4. 1

    Utiliser margin-bottom style à l'intérieur de h2

    margin-bottom:-10px;

    Diminution de l'espace, nous devrions utiliser des valeurs négatives.

    InformationsquelleAutor Gugan
  5. 1

    Ajouter ce style ci-dessous votre code html, j'chose qu'il peut être utile

    <style>
    h2, p {
       margin: 0;
    }
</style>
    • Cette volonté d'appliquer le style à tous <p> les éléments qui sont les enfants de <h2>. Pour appliquer le style à la juste le premier élément après l'en-tête h2 + p {...} doit être utilisé. Ceci s'applique le style de seulement le frère <p> de <h2>.
    InformationsquelleAutor Ashish Patel