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 Tevin Mugo
.a{fill-rule:evenodd;}techdegree
Tevin Mugo
Full Stack JavaScript Techdegree Student 8,649 Points

In the CSS file, use the class to give both <a> tags 15px of padding and 10px of margin?

In the CSS file, use the class to give both <a> tags 15px of padding and 10px of margin?

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 
.social-links{
  padding: 15px;
  margin: 10px;}

2 Answers

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

I pasted your code directly into the challenge and it passed. Does it not work for you?

FYI: even though it did work, there should be a space before the word "class" in each anchor tag.

Jon Myzzle
Jon Myzzle
6,279 Points
Jon Myzzle
Jon Myzzle
6,279 Points

I tried the same thing and noticed it worked. I thought for sure that space would flag it, maybe i'm just used to spacing everything out. After reviewing his code i'm honestly not sure what it could be?

glasscheck
glasscheck
7,302 Points
glasscheck
glasscheck
7,302 Points

the newer standard does not allow no spacing between attributes, such as MS Edge, they must be seperated 

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