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 Hilary Katsande
Hilary Katsande
9,045 Points

how to give the paragraph a border tha is 4px wide solid and red

how to give a 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 boder wide solid and red 4px; </p>

  </body>
</html>
styles.css 
.main-pg{
}border:widesolidred4px;

2 Answers

Alexandra Edwards
Alexandra Edwards
4,686 Points
Alexandra Edwards
Alexandra Edwards
4,686 Points

Hey, it looks like you have some of your place for things flip-flopped in each file. So for the html file it's:

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

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

  </body>
</html>

and the CSS file it's:

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

Let me know if you need any more help! :)

Raluca Dumitru
Raluca Dumitru
14,937 Points
Raluca Dumitru
Raluca Dumitru
14,937 Points

If class="main-pg" then you write this :

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

    <p class="main-pg">This is the paragraph! </p>

  </body>
</html>

and in css

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