I am trying to make a header bold, but it won't. I have tried using <b> and <strong>, I have tried inside of the <h1> element and outside, but none of it works. Here's the snippet:

.title {
  font-family: monospace;
  font-size: 98px;
  color: #00FF00;
  padding-right: 50px;
  padding-left: 50px;
}

<h1 class="title">Taemon-Coolz </h1>
<h1 class="title">Here.</h1>

(I didn't include the strong tags because there were so many variants.)

CodePudding user response：

Try adding h1{font-weight: bold;} Or in your case you can also use .title{font-weight: bold;} In css

CodePudding user response：

There are three ways.

1. CSS
2. You must put <b> inside of <h1></h1>
3. You must put <strong> inside of <h1></h1>

.title{
font-weight: bold;
}

<h1 class="title">Hello World</h1>
<h1><b>Hello World</b></h1>
<h1><strong>Hello World</strong></h1>