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 Zavier Skyers
Zavier Skyers
402 Points

How do I add a class called "main-pg" to a paragraph element?

I reactivated my account and I am a bit rusty.

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

    <p>My amazing website</p>

  </body>
</html>
styles.css

3 Answers

Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 27,671 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,671 Points

I suggest rewatching the lessons. They'll most certainly go over this.

What have you tried so far?

Zavier Skyers
Zavier Skyers
402 Points

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

Zavier Skyers
Zavier Skyers
402 Points
Zavier Skyers
Zavier Skyers
402 Points

Okay I see, <p class="main-pg">. Thanks for the help.

Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,671 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,671 Points

Any time! Check out the Markdown Cheatsheet so you can format you code all cool and stuff! ??

Rich Donnellan
MOD
Rich Donnellan
Treehouse Moderator 27,671 Points
Rich Donnellan
Rich Donnellan
Treehouse Moderator 27,671 Points

So close! Because class is an HTML element attribute, it must (sorta) scoped to it. That means it must be fully enclosed within that element. Just plop that class part within the <p> tag and you're good to go! Here's an example:

<element class="example">Content goes here ...<element>

Hope this helps! Keep at it!