CSS not linking to HTML (it only does when they are in the same folder)

Viewed 20

I have a folder called "tor" and inside I have two folders called "html" and "css." Why is this not working? The file inside the "css" folder is named tor-index.css. It works if I put the css file inside the "html" folder.

.text {
  margin-left: 750px;
  padding-top: 300px;
  position: fixed;
}
h1 {
  color: white;
  font-size: 70px;
  text-decoration: none;
  font-family: Verdana;
  text-transform: uppercase;
  font-weight: normal;
}
header {
  padding-bottom: 40px;
}
.button {
  background-color: white;
  color: black;
  text-decoration: none;
  font-family: Verdana;
  padding: 15px;
  text-transform: uppercase;
}
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
    <title>Example</title>
    <link href="../css/tor-index.css" rel="stylesheet"/>
</head>
<body>
    <div class="text">
        <header>
            <h1>Example</h1>
        </header>
        <a href="tor-paintings.html" class="button">Enter Site</a>
    </div>
</body>
</html>

strong text

0 Answers
Related