Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

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. :)