Как поставить другой див в нижней части навигатора ⇐ Html

[Anonymous]

Я ищу помощи, я не могу переместить девиз входа в навигатор; Я хочу, чтобы это было в конце/нижней части моего навигатора. Пожалуйста, мне также любопытно, что такое решение.
Спасибо, я предоставлю свой исходный код и и изображение. class = "Snippet">

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

* {
margin: 0;
padding: 0;
box-sizing: border-box;
font-family: 'Poppins', sans-serif;
}

.container {
display: flex;
min-height: 100vh;
height: 100%;
width: 100%;
}

.nav {
display: flex;
flex-direction: column;
background-color: blueviolet;
width: 200px;
height: 100%;
min-height: 100vh;
padding: 0 15px 0 15px;
}

.logo-container {
margin: 40px 0 40px 0;
display: flex;
justify-content: center;
align-items: center;
}

.logo-container img {
height: 75px;
}

.nav ul {
padding: 0;
}

.nav li {
display: flex;
list-style: none;
margin-bottom: 10px;
padding: 10px;
}

.nav li:hover {
background-color: rgb(19, 19, 19);
border-radius: 10px;
transform: scale(1.05);
}

.nav li a {
text-decoration: none;
color: white;
padding-left: 15px;
}

.nav .logout_nav {
background-color: black;
justify-content: center;
/* Center the text */
padding: 20px 0;
/* Add some padding for spacing */
color: white;
/* Set text color */
}

.content {
display: flex;
}< /code>



[img]/IMAGES/FM_LOGO.png[/img]


[list]
[*][url=#]Dashoard[/url]
[*][url=#]Request/Report[/url]
[*][url=#]Thread[/url]
[*][url=#]Item List[/url]
[*][url=#]Claim Item[/url]
[*][url=#]Admin Panel [/url]
[/list]

Lost and Found System




Dashboard

Я также пытался поместить позицию: относительный to .nav и позиция: Absolute in .logout_nav и он ничего не делает,

Подробнее здесь: https://stackoverflow.com/questions/795 ... -navigator