Question

I would like to make three inner divs have the same size.
Can you tell me what’s wrong with this?

http://jsfiddle.net/8uasY/

actually, I would like the inner divs to be evenly spaced , so when I add a margin I get this : http://jsfiddle.net/8uasY/11/ , the inner divs are not on the same line any more

Answer 1

here it is: http://jsfiddle.net/4kzhk/

by removing the float from the .inner div and by not specifying width, the the width is dynamic it lets you use padding and margin freely.

one more important thing:
notice i change the selector from:

.pricing div {
 ...
}

to:

.pricing > div {
 ...
}

the > symbol says select only *direct children* which are divs of ‘.pricing’