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 lifelonglrnr
lifelonglrnr
2,397 Points

I've submitted <p> class="main-pg">My amazing website</p> and it keeps giving me "bummer..." with no reason why.

A space between <p> and "main-pg", but no other spaces . I added .main-pg { (example) } on the css tab, and still the "bummer...." I'm lost-seem to be doing everything right. Anybody see an error?

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: center
}

2 Answers

adricg
adricg
8,078 Points
adricg
adricg
8,078 Points

Hi, This line

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

Should be

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

Element attributes should be with in the element tag. In this case the <p class="main-pg">

lifelonglrnr
lifelonglrnr
2,397 Points

Bless your sweet heart, precious savior. I'm new to all this, and was transfixed by the standard syntax- I NEVER would have seen it. Thanks so much!

adricg
adricg
8,078 Points
adricg
adricg
8,078 Points

No problem my friend. Keep on learning and you'll be a pro in no time!