Padding in a div where other divs are floated?

You need to add clear after the floats like this: jsfiddle.net/48yGU/38 Edit: the reason its overflowing from the bottom is because float does not have size. So the container thinks there is nothing there and just draws the padding on both sides (thats why it looks line height). What clear does is it sticks to bottom of floats and have size, so its pushing the container bottom to the bottom of the floats.

You need to add clear after the floats like this: jsfiddle.net/48yGU/38/ Edit: the reason its overflowing from the bottom is because float does not have size. So the container thinks there is nothing there and just draws the padding on both sides (thats why it looks line height). What clear does is it sticks to bottom of floats and have size, so its pushing the container bottom to the bottom of the floats.

It's because the floated DIVS are positioned out of the normal flow, in which padding would normally consider the height and width of contained elements.

– Sergio Tapia Aug 8 at 17:37 @Sergio, The Normal Flow is just a fancy term for how things are normally displayed. The DIV does have a height and width, but the containing div doesn't see the DIVS as being part of it. – Nick Radford Aug 8 at 17:50.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.