HTML Introduction to HTML and CSS Make It Beautiful With CSS Test: Styling by Element and Class

jim felli
jim felli
7,494 Points

I am not getting credit for correct answer on "add a class to <p>" in HTML questions, and it wont skip

i answered correctly <p class="main.pg"> and it keeps telling me i am wrong, and therefore cannot move forward

index.html
<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <p class="main.pg">My amazing website</p>

  </body>
</html>
styles.css

2 Answers

Linas Mackonis
Linas Mackonis
6,719 Points

There should be a hyphen instead of the dot in the class name. Check this out:

<!doctype html>
<html>
  <head>
    <link href="styles.css" rel="stylesheet">
  </head>
  <body>

    <p class="main-pg">My amazing website</p>

  </body>
</html>
jim felli
jim felli
7,494 Points

woooow i can't believe i overlooked that 20 times! thank you, your answer was very quick and stopped my frustration!

Linas Mackonis
Linas Mackonis
6,719 Points

Here is a CSS solution for the upcoming tasks:

.main-pg {
    border: 4px solid red;
}