I'm currently diving into the world of CSS and HTML, but I've hit a roadblock. The margin-left and margin-right in the ".logo" div class are refusing to center the div as expected. Despite conducting research and meticulously checking over the code, I can't seem to pinpoint the issue. Any help would be greatly appreciated!
body {
background-color: #303030;
color: #ffffff;
}
.wrapper {
width: 100%;
}
.header {
width: 100px;
padding: 40px 0;
}
.logo {
width:450px;
font-size:48px;
border: 1px solid white;
margin-left: auto;
margin-right: auto;
}<html lang="pl">
<head>
<meta charset="utf-8"/>
<title>site</title>
<link rel="stylesheet" href="style.css" type="text/css"/>
</head>
<body>
<div class="wrapper">
<div class="header">
<div class="logo">
LOGO
</div>
</div>
</div>
</body>
</html>