Newbie Alert: HTML/CSS Help Needed!
Hello,
I am currently working on revamping this navbar for practice. The current version of my navbar can be seen here.
Here is the snippet of my HTML code:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Positioning | Home</title>
<link rel="shortcut icon" href="Images/favicon.ico">
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
<li><a href="#">Link</a></li>
</ul>
</nav>
</header>
</body>
</html>
And here is a glimpse of my CSS code:
body {
margin: 0;
padding: 0;
background-color: #44accf;
}
header nav ul {
margin: 0 20px;
height: 50px;
background-color: #b7d84b;
}
header nav li {
height: 50px;
list-style-type: none;
display: inline;
border-right: 1px solid black;
}
header nav a {
text-decoration: none;
color: white;
}
I have tried adjusting heights, padding, margins, etc., but I'm still struggling to get it right. Any help would be greatly appreciated!