Как избавиться от пробела над заголовком ⇐ CSS

[Anonymous]

Я пытаюсь устранить пробел над заголовком, в котором у меня есть поле с кнопкой раскрывающегося меню, и заголовок h1 под ним.

Как мне получить избавиться от этого пробела?

Я пробовал установить поля на 0 в теле, HTML, панели навигации по кнопкам и h1 внутри моего заголовка, ни одно из этих решений работал.

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

body,
html {
background-color: rgb(45, 22, 6);
margin: 0;
padding: 0;
}

* {
box-sizing: border-box;
}

.main-header {
width: 100%;
background: #3d594b;
margin: 0;
padding: 0;
box-sizing: border-box;
}

.dropbtn {
background-color: #4CAF50;
color: white;
padding: 16px;
margin-top: 0px;
font-size: 16px;
border: none;
}

h1#header-title {
font-size: 60px;
margin: 0px;
}

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

Menu navigation


[url=index.html]Home Page[/url]
[url=Links\1]1[/url]
[url=2]2[/url]
[url=3]3[/url]
[url=Links\4]4[/url]


Page Example

Я ожидал, что пространство над заголовком исчезнет.

Подробнее здесь: https://stackoverflow.com/questions/583 ... ove-header