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

[Anonymous]

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







Home

Aerospace Engineering


Aircraft
Mechanics
Physics
The Stars
Galaxy Types
Black Holes








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


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