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

James Casaca
James Casaca
470 Points
Posted by James Casaca
James Casaca
470 Points

CSS Styling- Padding and Margin trouble.

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

I took some time off HTML and CSS lessons and wondering what I am doing wrong when trying to add padding or margin to the CSS .social-links rule

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

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

  </body>
</html>
styles.css 
.social-links {

}
Daniel Baker
Daniel Baker
15,369 Points

Hi, I don't see your attempt. All I see is :

.social-links {

}

3 Answers

James Casaca
James Casaca
470 Points
James Casaca
James Casaca
470 Points

Hey Jamie,

Thank you this was the snip of code I initially wrote but I was told: "bummer you need to set the 'class' attribute of the second <a> element to "social-links".

This was the reason it didn't go through.

Daniel Baker
Daniel Baker
15,369 Points
Daniel Baker
Daniel Baker
15,369 Points

Margin: w3school CSS Margins Padding: w3school CSS Margins

//Margin Example
p {
  margin: 25px;
}

//Padding example
div {
  padding: 25px;
}
Douglas Ploughman
Douglas Ploughman
15,917 Points
Douglas Ploughman
Douglas Ploughman
15,917 Points

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