CSS получить абзац прямо под заголовком

Question

Хотелось бы, чтобы текст абзаца находился прямо под заголовком.Я установил для обоих полей и отступы 0, но между ними все еще есть небольшой разрыв.Зачем?Спасибо.

Answer 1

line-height:1em;

также добавьте границу для тестирования:

border:1px solid #f00;

Answer 2

Это из свойства line-height заголовка.

Попробуйте это так:

<h1 style="margin:0; padding:0; line-height:1em;">Heading</h1>
<p style="margin:0;">Paragraph</p>

Answer 3

Убедитесь, что вы удалили нижний отступ и поля для заголовка выше, и вы должны установить

<style>
.h2 { margin-bottom:0px; padding-bottom:0px; }
p { margin:0px; padding:0px 0px 15px 0px; }
</style>

Я добавил отступы к тегам абзаца, чтобы вы могли разделить каждый тег <p>.