I need some help tweaking my navigation bar using CSS, but for some reason, the changes I make in the CSS file are not reflecting on the actual page.
Below is the HTML and CSS code snippets:
HTML:
<!DOCTYPE html>
<html lang=en>
<head>
<title>Sketch</title>
<meta charset = "UTF-8">
<link rel="stylesheet" type="text/css" href="css/general.css">
</head>
<body>
<div id="nav">
<ul>
<li><a href="index.html">Home</a></li>
</div>
</body>
And here is my CSS:
.nav{
width:100%;
height:30px;
text-align:center;
background:#f1f1f1;
}