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 trialRiksha Karma
886 Pointsmargin-top related question ?
Around 8:06 in the video Instructor used margin-top: 150px; to the arrow class. But the the arrow class is defined to img which is inline level element. So, how does margin-top shows effect since inline level element does not support margin top and bottom. thanks in advanced?
3 Answers
Martin Gailius
4,685 PointsNote that browsers technically use display: inline (as seen in the developer tools) but they are giving special treatment to images. They still follow all traits of inline-block.
Riksha Karma
886 PointsI didn't get the meaning of "special treatment to images" sir. Can you describe it further more sir ? But margin-bottom does not work for the arrow.
Martin Gailius
4,685 PointsIt behaves like an inline element (because it is), but some generalizations about inline elements do not apply to img elements
Martin Gailius
4,685 PointsMartin Gailius
4,685 PointsHow much margin-bottom you tried to add