Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

HTML Introduction to HTML and CSS 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" }