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 Qasim Rashad
.a{fill-rule:evenodd;}techdegree
Qasim Rashad
Front End Web Development Techdegree Student 7,837 Points

figuring out how to give <p> the color "red"

I was instructed to give the border "3px wide, solid, and red. When I've type it in, it told me to give "<p> the color red". Do I put "<p>" in the border as well?

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 {text-align centered
  border: 4px solid red;
}

2 Answers

Dale Severude
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Dale Severude
Full Stack JavaScript Techdegree Graduate 71,349 Points
Dale Severude
.a{fill-rule:evenodd;}techdegree seal-36
Dale Severude
Full Stack JavaScript Techdegree Graduate 71,349 Points

You don't need to put <p> in the border because you have already set the class of main-pg within your <p>.

Remove text-align centered and also remove wide from your css and your code will work.

fodhil zidane
fodhil zidane
24,020 Points
fodhil zidane
fodhil zidane
24,020 Points

In the style.css, we can set the properties of the border like this:

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