Supprimer la nouvelle ligne après les balises <h1>?

J'ai un problème avec la suppression des sauts de ligne après la <h1>balise, car chaque fois qu'elle imprime, elle ajoute un saut de ligne juste après, donc quelque chose comme <h1>Hello World!</h1> <h2>Hello Again World!</h2>s'imprime comme ceci:

Hello World!

Hello Again World!

Je ne sais pas quelles balises je dois changer dans CSS, mais je pense que c'est quelque chose à voir avec le remplissage ou les marges

Je veux aussi garder le rembourrage vertical si possible.

On dirait que vous voulez les formater en ligne. Par défaut, h1et h2sont des éléments de niveau bloc qui couvrent toute la largeur de la ligne. Vous pouvez les changer en ligne avec css comme ceci:

h1, h2 {
    display: inline;
}

Voici un article qui explique la différence entre blocket inlineplus en détail: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

Pour maintenir le remplissage vertical, utilisez inline-block, comme ceci:

h1, h2 {
    display: inline-block;
}

<h1>les balises se sont {display: block}fixées. Ce sont des éléments de niveau bloc. Pour désactiver ceci:

{display: inline}

Je viens de résoudre ce problème en définissant la valeur de la marge h1 sur moins dans la section de style html. Cela fonctionne parfaitement pour mes besoins.

<style>
h1 { 
    display: block;
    font-size: 0.9em;
    margin-top: -1.91em;
    margin-bottom: -1.91em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}
</style>
<h1 style="text-align:center"> Headline </h1>

<style>
h1 {
    padding: 0px;
    margin: 0px;
}
</style>