manjaro html files glitched-CodePudding

I am trying to learn HTML and css.I am using vs code.I tried to do a pre-header, but It doesnt pop up. The only thing that pops up is on the page is "TEXT"

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-             scale=1.0, maximum-scale=1.0, maximum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="/css/style.css">
<title> title </title>
</head>
<body>

<header>
    <div >
        TEXT
    </div>
</header>
</body>
</html>

Here is the code from my css file.

.pre-header{
    background-color: #111618;
}

CodePudding user response：

By a pre-header, do you mean a little header before the TEXT? You can try this if that's what you mean

<header>
  <h1>Insert your pre-header
  </h1>
    <div >
        TEXT
    </div>
</header>

CodePudding user response：

pre-header

the black header on the top is the header that I mean.