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 CSS Selectors Selectors - Beyond the Basics DRY CSS

Diego Murray
Diego Murray
2,515 Points
Posted by Diego Murray
Diego Murray
2,515 Points

I need a quick reminder.

What does this do again?

.example { display: block; }

3 Answers

shaleeneejadoopat
shaleeneejadoopat
5,456 Points
shaleeneejadoopat
shaleeneejadoopat
5,456 Points

To 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
Sean Do
11,933 Points
Sean Do
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
Austin Morphies
2,151 Points
Austin Morphies
Austin Morphies
2,151 Points

Displays 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
Diego Murray
2,515 Points
Diego Murray
Diego Murray
2,515 Points

Thanks Austin, this link helped.