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 trialDiego Murray
2,515 PointsI need a quick reminder.
What does this do again?
.example { display: block; }
3 Answers
shaleeneejadoopat
5,456 PointsTo add to that, you should try to understand the fundamental concepts of what these elements mean/does. Such as the block-level elements, which always starts on a new line and takes up the full width available ,whereas the inline elements does not start a new line and only take up as much width as necessary.
Sean Do
11,933 Points.example {display: block;}
You're targeting a class called, "example" and giving it a property to displays an element as a block element.
Austin Morphies
2,151 PointsDisplays an element as a block element (like < p >)
Example:
p { display: block; }
see the link below and be sure to change the display: inline to display: block; http://www.w3schools.com/cssref/tryit.asp?filename=trycss_display_inline
Diego Murray
2,515 PointsThanks Austin, this link helped.