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 trialJames Casaca
470 PointsCSS 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
<!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>
.social-links {
}
3 Answers
Jamie Reardon
Treehouse Project Reviewer.social-links {
margin: 10px;
padding: 15px;
}
James Casaca
470 PointsHey 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
15,369 PointsMargin: w3school CSS Margins Padding: w3school CSS Margins
//Margin Example
p {
margin: 25px;
}
//Padding example
div {
padding: 25px;
}
Douglas Ploughman
15,917 Points.social-links { margin: 10px; padding: 15px; }
Daniel Baker
15,369 PointsDaniel Baker
15,369 PointsHi, I don't see your attempt. All I see is :