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 jamie paterson
.a{fill-rule:evenodd;}techdegree
jamie paterson
Front End Web Development Techdegree Student 155 Points

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

just said it

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

5 Answers

Neil Kennedy
Neil Kennedy
2,957 Points
Neil Kennedy
Neil Kennedy
2,957 Points

The class should be inside " " like so - <p class="main-pg"> My amazing website</p>

To create a rule for a class in CSS it should be selected using a dot, so to create the rule it would be:

.main-pg{ //Insert style rules here }

Suliman Khlil
Suliman Khlil
1,002 Points
Suliman Khlil
Suliman Khlil
1,002 Points

.main-pg{ }

Ibrahim Noor
Ibrahim Noor
1,810 Points
Ibrahim Noor
Ibrahim Noor
1,810 Points

.main-pg{ }

saskia Goodstein
saskia Goodstein
702 Points
saskia Goodstein
saskia Goodstein
702 Points

.main-pg{ }

kelvino
PLUS
kelvino
Courses Plus Student 10,694 Points
kelvino
kelvino
Courses Plus Student 10,694 Points

hello can I style the borders like this? .boarder{ boarder: 400px" }