Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

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

Posted by Abiodun Akinwande
.a{fill-rule:evenodd;}techdegree
Abiodun Akinwande
Full Stack JavaScript Techdegree Student 750 Points

how to set up border element

how to give the paragraph a border that is 4px wide, solid and 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 
.main-pg {
  border: 4px wide red solid;
}

2 Answers

Antti Lylander
Antti Lylander
9,686 Points
Antti Lylander
Antti Lylander
9,686 Points

There is something that does not belong in there.

here is an example of the border shorthand syntax: 

border: 1px solid #000;
Alita Edmonds
Alita Edmonds
6,068 Points
Alita Edmonds
Alita Edmonds
6,068 Points

Hi Abiodun!

Antti gave you the basic property and value for a border. You are adding wide to the value. You also have already specified how wide it is with 4px. Everything else in the value was correct. Hope this helps and happy learning!