web-dev-qa-db-fra.com

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

J'ai un problème avec la suppression des sauts de ligne après le <h1>tag, chaque fois qu’elle est imprimée, elle ajoute un saut de ligne juste après, donc quelque chose comme <h1>Hello World!</h1> <h2>Hello Again World!</h2> est imprimé comme ceci:

Hello World!

Hello Again World!

Je ne suis pas sûr des balises à modifier en CSS, mais je pense que cela a quelque chose à voir avec le remplissage ou les marges.

Je veux aussi garder le rembourrage vertical si possible.

htmlcssheaderstylesstylesheet
85
Jack Wilsdon

On dirait que vous voulez les formater en ligne. Par défaut, h1 et h2 sont 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 block et inline plus en détail: http://www.webdesignfromscratch.com/html-css/css-block-and-inline /

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

h1, h2 {
    display: inline-block;
}
139
Ben Lee

Les balises <h1> Ont {display: block} Définies. Ce sont des éléments de niveau bloc. Pour désactiver ceci:

{display: inline}
9
tkone

Je viens de résoudre ce problème en définissant la valeur de la marge h1 sur moins dans la section 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>
2
Jacek