Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
If you change the #container’s width to 99px, the blue div will float under the red div because the width is too small.
Is it possible to add a padding or margin so that there is a space between the red and blue divs when the blue div is underneath the red div AND ensure that the top and bottom space (paddding) between the container and the div’s remain equal (they are 10px now)?
And if the #container is set back to 100px, both red and blue divs line up perfectly top/bottom?
Maybe add margin-bottom to both containers and don’t use padding-bottom on the main container.
http://jsfiddle.net/86F2A/52/