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

Michelle Dobbs
Michelle Dobbs
Full Stack JavaScript Techdegree Student 1,060 Points

This keeps coming back wrong. Does anyone see what I am missing? I am a bit lost. Thanks in advance.

```p.main-pg { border = 4px ; style = solid; border color = red;

}```

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
p.main-pg {
  border = 4px;
  style = solid;
  border color = red;

}
Steven Parker
Steven Parker
176,602 Points

This seems to be a duplicate of your previous question, see the answers(s) posted there. Click the little rectangle with 3 dots in it to reveal the option to delete this one. Oops, too late — the delete option is only available while the question is unanswered.

1 Answer

Peter Smart
Peter Smart
9,080 Points

Hi Michelle, 2 pointers, you assign values to properties using a colon, not an equals sign. So it would be "border: 4px", not "border= 4px".

Then your selector names have to be accurate. border is spot on, but "border color" should be "border-color", with a dash, and style is "border-style".

There's LOADS of selectors, and anyone telling you they remember them all is a liar. Check the teacher notes in some of the videos for handy cheat sheets. They're worth bookmarking!

Hope this helps!

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