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 Karthika Muthusamy
Karthika Muthusamy
1,363 Points

how to set the class attribute to main-pg

how to set the class

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

1 Answer

furkan
furkan
11,733 Points

Hi there Karthika,

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


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

  </body>
</html>

Ow you were so close! You just forgot to put the quote marks around the class attribute value. Don't forget them because your html needs to know where to begin and where to end a class value.

I hope that helped. Happy coding ?

furkan
furkan
11,733 Points

I also forgot to mention, you must remove the period or full stop before your class value. That should only be used in the css

Karthika Muthusamy
Karthika Muthusamy
1,363 Points

thanks furkanongoren.;-) .much appreciated..its very helpful...