Почему элемент не в самом верху?

Question

[SideWest]

const Infoheader = () => <div className='header'>
    <h2>{AcDialog.name}</h2>
</div>

function Container () {
    return (
        <div className='container'>
            <Infoheader />
        </div>
    )
}

.header{
  margin-top: 0%;
  background-color: white;
  padding: 0%;
}

Почему надпись не в самом верху, откуда этот отступ и как его убрать?

Answer 1

[Александр]

Как бы у всех h1-6 и p элементов есть вертикальные отступы.