"I'm working on a navigation menu for my HTML page, but it's not behaving as expected. The links aren't aligning properly, and the styling seems a bit wonky. I've included the code below. Can anyone help me figure out what's causing this navigation headache?
This my Code
<!DOCTYPE html>
<html lang=""en"">
<head>
<meta charset=""UTF-8"">
<meta name=""viewport"" content=""width=device-width, initial-scale=1.0"">
<title>Navigation Woes</title>
<link rel=""stylesheet"" href=""styles.css"">
</head>
<body>
<nav>
<ul>
<li><a href=""#"">Home</a></li>
<li><a href=""#"">About</a></li>
<li><a href=""#"">Services</a></li>
<li><a href=""#"">Contact</a></li>
</ul>
</nav>
</body>
</html>
The aim is to have a simple navigation menu, but it's not looking quite right. The links aren't aligning properly, and the styling feels off."