HTML page will not load CSS file with correct directory

1 day ago 7
ARTICLE AD BOX

My CSS is not being applied to my HTML page. The style is in a "css" subdirectory and the link syntax and spelling are correct (the browser dev tools can find and navigate to it) but the network page shows only the html file being loaded. The css file is never loaded.

The HTML itself:

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Desktop Mockup</title> <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content="You Wish"> <link rel="canonical" href="" /> <link rel="styelsheet" type="text/css" href="css/main.css"> </head> <body> <div id="taskbar"> <!-- <div id="main-menu" class="menu"></div> --> </div> </body> </html>

The project directory tree:

Project directory tree

Browser is Waterfox 6.5.10 (64-bit)

Read Entire Article