So entfernen Sie Platz über der Kopfzeile ⇐ HTML

[Guest]

Ich versuche, die Lücke über meiner Kopfzeile zu schließen, in der ich ein Dropdown-Menü mit einer Schaltflächenbox habe, und meine h1-Kopfzeile darunter.

Wie komme ich dazu? diesen Leerraum loswerden?

Ich habe versucht, die Ränder im Text, im HTML, in der Schaltflächennavigationsleiste und im h1 in meinem Header auf 0 zu setzen, keine dieser Lösungen hat funktioniert.

Code: Select all

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

Code: Select all

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

Ich habe erwartet, dass der Platz über der Kopfzeile weg ist.