为什么css链接没成功？

为什么css样式链接失败了？
这个是main.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Site</title>
    <link rel="stylesheet" type="text/css" href="style.css">
</head>

<body>
    <h1>Site</h1>
    <p>Hello world</p>
</body>

</html>

这个是style.css，和main.html在同一目录下

h1 {
    text-align: "center";
    color: "red";
}

运行效果如下，css样式没有成功修改

img

我在浏览器页面中右击检查，没有发现问题。似乎也不是浏览器版本的问题。求解！

你好，red不用加引号，直接写red就好了

根据提示用相对链接试试 输入./然后找css