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

CSS

Posted by Aly Moursy
Aly Moursy
753 Points

Does anyone have an infographic that explains, padding and margins etc.. ?

Would like to see a simple inforgraphic explaining css stuff like padding margins float etc

3 Answers

rtholen
rtholen
Courses Plus Student 11,859 Points
  1. CSS Box Model
  2. CSS Cheat Sheet
Aly Moursy
Aly Moursy
753 Points

Thank you!

Nicholas Grenwalt
Nicholas Grenwalt
46,626 Points
Nicholas Grenwalt
Nicholas Grenwalt
46,626 Points

I see the wonderful Treehouse community already supplied some great tools for you. I just wanted to add that you can find an interactive one in the Google Developer Tools as well. Just control + shift + i in the Chrome browser and scroll down the right styles section. Never forget the power of the DevTools. They come in handy all the time while I'm coding and need other examples. Hope this comment helps. Good coding to ya mate!

Aurelien Roux
Aurelien Roux
25,567 Points
Aurelien Roux
Aurelien Roux
25,567 Points

this one explains padding, border and margin pretty well

http://digitalmedia2011.globalblogs.org/files/2011/11/boxmodel.png