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 abraham ntini
abraham ntini
9,340 Points

In the CSS file, create a rule for the .main-pg class. You don't need to write any style instructions yet.

kkk

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

  </head>
  <body>


    <p class="main-pg">My amazing website</p>
    .main-pg {
    text-align: centre;
    color: red;
    }




  </body>
</html>
styles.css

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

For this step, you don't need any style properties yet, so the braces will be empty (nothing in between).

But the CSS code should not be mixed in with the HTML. Instead, it should be written on the other tab (the one with "styles.css" as the title). Click on that tab to switch before you write the CSS code.