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 Layout Basics Controlling Layout with CSS Display Modes Positioning Elements Side-By-Side with Inline Display

Michael Elmallakh
Michael Elmallakh
2,531 Points
Posted by Michael Elmallakh
Michael Elmallakh
2,531 Points

I want to understand more about the difference between positioning.Is there any other tutorials on treehouse can helpme?

I want to understand more about the difference between positioning, when I should use the inline , the block and so on. It isn't very clear to me yet, can any one help me with another examples and tutorials from tree house???

2 Answers

john larson
john larson
16,594 Points
john larson
john larson
16,594 Points

I think what you want to know more about is "display:properties". http://www.w3schools.com/cssref/pr_class_display.asp

I think I have the below example pretty close. 

img {
  display:block; /*makes an element take up a full line, 
img is inline by default. only takes space it needs*/
}
h1 {
  display:inline-block; /* lets elements line up side by side 
BUT allows manipulating the margin 
}

p {
  /*inline by default.  lines up side by side BUT
margin cannot be manipulated*/
}
geoffrey
geoffrey
28,736 Points
geoffrey
geoffrey
28,736 Points

Hi Michael Elmallakh , I came across this little tutorial which teachs positioning by building an ice cream. It's funny and can help to grasp all the concepts. I hope this will help you a little bit.