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 Adding a Style to several Elements using Class

Posted by Kang Lim
Kang Lim
2,763 Points

padding

In the CSS file, use the class to give both <a> tags 15px of padding and 10px of margin. Bummer! You need to set the padding for .social-links elements to 15px.

{ padding: 15px; margin: 10px: } what went wrong with this?

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

    <a href="#"class=social-links>Follow me on Twitter!</a>
    <a href="#"class=social-links>Send me an Email!</a>

  </body>
</html>
styles.css 
a href .social-links {
              padding: 15px;
              margin: 10px;
}
Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

This question seems to be a duplicate of this other question.

Perhaps you should delete this one.

2 Answers

Steven Parker
Steven Parker
231,236 Points
Steven Parker
Steven Parker
231,236 Points

Since this one has already been answered, here's what I said on the other one:

You have some stray HTML code in your CSS file.

That "a href" should not be there.

When the instructions say "use the class", I think they intend for you to use only the class.

Varsha Joshi
PLUS
Varsha Joshi
Courses Plus Student 7,069 Points
Varsha Joshi
Varsha Joshi
Courses Plus Student 7,069 Points

You do not need href in your css.

a .social-links { padding: 15px; margin: 10px; }