My navigation bar appears to have an unexpected 5px padding issue that is causing it not to align properly at the top. To investigate, I have created a basic header.html + header.css setup as follows:
<link href="css/header.css" rel="stylesheet">
<div class="topnav" id="myTopnav">
</div>
In my header.css file, I have defined the styles for .topnav as follows:
.topnav {
height: 50px;
background-color: #333;
}
You can view a screenshot of the issue.
I am struggling to remove the white space above and on the sides of the black line in the navigation bar. I have tried setting both padding and margin to 0px after conducting some research, but unfortunately, this did not resolve the problem.