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

Posted by Briona Thompson
Briona Thompson
817 Points

setting border of p element to red

how do I set the border of the p element to red?

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

    <p class= "main-pg" border-radius: 4px; solid red>" My amazing website</p>

  </body>
</html>
styles.css 
.main-pg {}

1 Answer

Jamie Reardon
Jamie Reardon
4,349 Points
Jamie Reardon
Jamie Reardon
4,349 Points

Hi,

First your HTML Syntax is a little incorrect, you have a space between the = sign of your class attribute and the value. The second mistake is that you have your closing quote outside of the opening p tag. The third mistake is that your styles should be applied in the style.css sheet within the class rule you made in the previous stage.

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

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

  </body>
</html>

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