ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: black;
position: absolute;
}
li {
float: left;
border-right: 1px solid #bbb;
}
li a {
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
li a:hover {
background-color: #111;
}
li:last-child {
border-right: none;
}
ul {
position: fixed;
top: 0;
width: 100%;
}
#nav {
position: absolute;
left: 0px;
height: 40px;
background-color: white;
width: 100%;
margin: 0 auto;
}
<I am having difficulty resolving issues in my code, and it's likely there may be conflicting code present.>
<My goal is to adjust the alignment of the navigation bar so that it has white spaces on the edges without affecting the tabs within the bar. Any assistance would be greatly appreciated.>