Есть ли причина, по которой кнопка «Домой» не находится на той же строке, что и остальные параметры панели навигации? ⇐ CSS

[Anonymous]

Я создаю панель навигации с раскрывающимся списком + кнопку «Домой». Но кнопка «Домой» остается в самом верхнем правом углу страницы, а не в раскрывающемся списке. На этой панели навигации должна быть кнопка «Домой» (слева) и три раскрывающихся меню на одной линии рядом с ней. Но кнопка «Домой» находится в самом верхнем правом углу страницы, и я не знаю, как это исправить. Это также было взято из примера Codepen и изменено в соответствии с темой и тематикой моего веб-сайта.
Вот как панель навигации выглядит сейчас:

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

header {
height: 120px;
position: sticky;
top: 0;
background-color: #21203d;
float: left;
z-index: 10;
}

.logo {
max-width: 120px;
margin-top: 5px;
margin-bottom: 10px;
margin-left: 20px;
background-color: #21203d;
width: 16%;
}

.navbar {
background-color: #21203d;
font-family: Franklin Gothic;
display: inline-block;
font-size: large;
position: absolute;
right: 0;
margin-right: 30px;
}

.navbar a {
color: white;
text-decoration: none;
font-size: large;
float: right;
}

.dropdown {
float: right;
text-align: center;
display: block;
margin-top: 40px;
font-size: large;
}

.dropdown .dropbtn {
font-size: large;
text-transform: uppercase;
font-weight: bold;
border: none;
outline: none;
color: white;
padding: 15px;
background-color: #21203d;
margin: 0;
}

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

[img]Images/Favicon.png[/img]


[url=Index.html]Home[/url]

Aerospace Engineering


[url=#]Aircraft[/url]
[url=#]Mechanics[/url]
[url=#]Physics[/url]
[url=#]The Stars[/url]
[url=#]Galaxy Types[/url]
[url=#]Black Holes[/url]

Подробнее здесь: https://stackoverflow.com/questions/792 ... est-of-the