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

Basic Layout Review questions.

  • Write the property and value that takes .main out of the normal page flow and places it along the left side of its container:

.main { ___ : ___ ; }

  • With the ___ property, we can alter the way a browser calculates the total width of an element.

  • If we specify one background-position value, the browser will assume the second value is ___ .

Here is my answer:

main { float_ : _left ; }

With the box-sizing_ property, we can alter the way a browser calculates the total width of an element.

If we specify one background-position value, the browser will assume the second value is center_ .

1 Answer

Hi,

1) In order to remove an element from the normal page flow you will float that element. You can float an element either right or left.

2) Every element in web design is a rectangular box. You can adjust how the total height and width is calculated by adjusting its box-sizing. I'll leave this link here because I think it will help you a lot.. http://css-tricks.com/box-sizing/.

3) I don't know a way to explain this without just tossing you the answer, so I'll just do that. Center.

Thank you for your comment. :)