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

Aba Panford
Aba Panford
339 Points

How do I give paragraph a border that is 4px wide, solid and red? You need to set the border color for <p> elements

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

1 Answer

Brandon White
seal-mask
MOD
.a{fill-rule:evenodd;}techdegree seal-36
Brandon White
Treehouse Moderator

Hi Aba,

Your code looks good, you just have a tiny syntax error. wide isn’t a keyword in css. px is the unit of measurement that determines how the number preceding it is interpreted. And the border property makes up the following properties: border-width, border-style, and border-color.

So just typing 4px solid red will complete the challenge for you.

Aba Panford
Aba Panford
339 Points

Hi Brandon,

Thank you for your message! Alright, I see my mistake, Thanks so much!