Как поставить Div в центр внутри родительского Div? ⇐ Html

[Anonymous]

Как сосредоточиться на дивизии внутри родительского девта? Я пытался выяснить, как сосредоточиться на таблице, я уже пытался отобразить: Flex; Align-Items: Center; и оправдать контент: Центр; and it was still did nothing

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

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

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

.nav-container {
display: flex;
flex-direction: column;
background-color: #181818;
width: 250px;
height: 100%;
min-height: 100vh;
padding: 0 15px 0 15px;
}

.nav-container nav {
flex-grow: 1;
display: flex;
flex-direction: column;
justify-content: space-between;
}

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

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

.nav-container ul {
padding: 0;
}

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

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

.nav-container span i {
justify-content: center;
align-items: center;
text-align: center;
display: flex;
color: white;
font-size: 25px;
}

.nav-container li a {
display: flex;
align-items: center;
text-decoration: none;
color: white;
padding-left: 15px;
}

.nav-container .logout_nav {
display: flex;
background-color: black;
border-radius: 10px;
padding: 15px;
color: white;
justify-content: center;
align-items: center;
margin: 0 0 40px 0;
}

.logout_nav p {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
margin: 0;
}

.logout_nav a {
text-decoration: none;
}

.logout_nav a:hover {
background-color: rgb(100, 100, 100);
border-radius: 5px;
padding-right: 5px;
transform: scale(1.05);
}

/*ADMIN INSIDE CONTENT*/

.content-container {
width: 100%;
height: 100vh;
display: flex;
flex-direction: column;
}

.content {
background-color: rgb(73, 73, 73);
width: 100%;
height: 60px;
display: flex;
justify-items: center;
}

.content h1 {
color: white;
display: flex;
align-items: center;
margin-left: 20px;
font-weight: 500;
}

.Table-container {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid;
border-radius: 20px;
}

.Table-container table {
display: flex;
justify-content: center;
align-items: center;
margin:  auto;
}< /code>



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


[list]
[*][/i][url=Dashboard.html]Dashboard[/url]

[*][i][/i][url=Request-report.html]Request/Report[/url]

[*][i][/i][url=Thread.html]Thread[/url]

[*][i][/i][url=Item-list.html]Item List[/url]

[*][i][/i][url=Claimed-Item.html]Claimed Item[/url]

[*][i][/i][url=Admin.html]Admin Panel[/url]
[/list]

Lost and Found System
[url=#][i][/i][/url]





Admin Panel



Id
Username
Password
Information
Action

Я не знаю, зачем отображать гибкость и оправдание-контент/align-items не работают.

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