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

Brandon Ficklin
Brandon Ficklin
545 Points

How I set the border color?

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
.my-.main-pg {
border: 4px solid red;
}

2 Answers

Nicole Antonino
Nicole Antonino
11,945 Points

You are mistyping your selector in your CSS. Assuming you want to style the paragraph element, then just target it's class of "main-pg." So take away the ".my-"

Should look like this:

.main-pg {
border: 4px solid red;
}
Franco ADP
Franco ADP
2,338 Points

put main.pg not .my.-main.jpg