Удаление новой строки после тегов <h1>?

Question

У меня проблема с удалением разрывов строк после тега <h1>, так как каждый раз, когда он печатает, он добавляет разрыв строки сразу после него, поэтому что-то вроде <h1>Hello World!</h1> <h2>Hello Again World!</h2> печатается так:

Hello World!

Hello Again World!

Я не уверен, какие теги мне нужно изменить в CSS, но я ожидаю, что это как-то связано с отступами или полями

Я также хочу сохранить вертикальные отступы, если это возможно.

Answer 1

Звучит так, будто вы хотите отформатировать их как встроенные. По умолчанию h1 и h2 являются элементами уровня блока, которые охватывают всю ширину линии. Вы можете изменить их на inline с помощью css следующим образом:

h1, h2 {
    display: inline;
}

Вот статья, которая более подробно объясняет разницу между block и inline: http://www.webdesignfromscratch.com/html-css/css-block-and-inline/

Чтобы поддерживать вертикальное заполнение, используйте inline-block, например:

h1, h2 {
    display: inline-block;
}

Answer 2

<h1> теги имеют {display: block} набор. Они являются элементами уровня блока. Чтобы отключить это:

{display: inline}

Answer 3

Я только что решил эту проблему, установив значение поля h1 в минус в разделе стиля html. Он идеально подходит для моих нужд.

<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>

Answer 4

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