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 trialMichael Thompson
1,273 Pointsneed help
how do you Center the image using margin, and also add 30 pixels of margin to the bottom.
5 Answers
Pedro GCA
20,683 PointsHey Michael, can you paste your code here and say which element would you like to center ? Would be easier to help you. ;)
Stavros Anastasiadis
Courses Plus Student 7,984 Pointsimg {
margin:30px 0 30px 0;
}
Darin James
501 Points30px 0 30px 0 would add 30 pixels to the top AND bottom
margin: 0 0 30px 0;
Stavros Anastasiadis
Courses Plus Student 7,984 Pointsimg {
margin:30px 0 30px 0;
}
Ary de Oliveira
28,298 Pointsa { text-decoration: none; }
wrapper {
max-width: 940px; margin: 0 auto; }
logo {
text-align: center; margin: 0; }
h1, h2 { color: #fff; }
nav a { color: #fff; }
nav a:hover { color: #32673f; }
h1 { font-family: ‘Changa One’, sans-serif; font-size: 1.75em; font-weight: normal; }
img { max-width: 100%; }
gallery {
margin: 0; padding: 0; list-style: none; }
gallery li {
float: left; width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; }
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 100%; }
nav ul { list-style: none; margin: 0 10px; padding: 0; }
img { margin:30px 0 30px 0; }
nav li { display: inline-block; }
nav a { font-weight: 800; padding: 15px 10px; }
Aby M
758 Points.profile-photo { display: block; margin: 0 auto 30px; }
Ary de Oliveira
28,298 PointsAry de Oliveira
28,298 Pointsmargin: 0 auto; or margin: 30px auto;