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 surrender chibushi
surrender chibushi
237 Points

in the css file create a rule for.main-pg

.main-pg

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


    <p class =.main-pg {}>

  </body>

</html>
styles.css

1 Answer

Greg Stephen
Greg Stephen
11,600 Points
Greg Stephen
Greg Stephen
11,600 Points

So you took out the paragraph closing tag as well as what the paragraph said for some reason. You need to enclose your class name in “ “ as well so it would look something like this.

<p class = “main-pg”> Text for paragraph </p>

Then when you want to create a rule in the css file you have to first go to the css file and then you write 

.main-pg{
    text-align:left;
}

Or whatever other rule you would like. Just practice your syntax a little more and you’ll get it!

Salena Lieber
Salena Lieber
1,658 Points

I am stuck on this question as well.....is there any way to get a bit more clarification? Much appreciated