HTML-баннер неправильно выравнивается по верхней части страницы [дубликат] ⇐ CSS

[Anonymous]

ПРИМЕЧАНИЕ. На этот вопрос дан ответ, но он не является дубликатом, как указано выше. Это та же проблема, но она произошла по разным причинам, и я не думаю, что кто-то кратко ответил на мой вопрос.
Код всегда будет держать div чуть ниже верхнюю часть страницы, но не влияет на фактическую верхнюю часть. Элемент div находится первым на странице.
(IDE: VS Code, браузер отладки: MS Edge)
Что я пробовал:

• Добавление тегов: ничего не изменилось.
• Удаление полей и отступов: в браузере было установлено нулевое значение, все равно ничего не изменилось.
• Перевести/преобразовать: кроссплатформенная совместимость Ruins

Код: Выделить всё

html, body {
margin: 0;
padding: 0;
background-color: gray;
height: 100%;
box-sizing: border-box;
}

#Banner {
background-color: red;
width: 100%;
margin: 0;
padding: 0;
box-sizing: border-box;
}

#Image1 {
width: 200px;
height: auto;
}

#Projects button {
display: none;
}

h1, p, #BannerText {
font-family: Verdana, Geneva, Tahoma, sans-serif;
text-align: center;
}

Код: Выделить всё

[h4]FIRST PROJECT WILL BE COMING SOON[/h4]


AU Programs
Hey! I'm an amateur programmer who loves to create and share projects.

Подробнее здесь: https://stackoverflow.com/questions/783 ... f-the-page