Basic CSS positioning (fitting children in container)

Question

Very basic CSS question. Given the code shown in http://jsfiddle.net/danwoods/65X7X/ why don\'t the child divs (the colored blocks) fit into the container eleme

Answer 1

Because inline elements are sensitive to white space. You can remove them so the HTML looks like:

jsFiddle example

Or float the divs left:

.one,.two,.three {
    float:left;
}

jsFiddle example

Or use HTML comments to eat up the white space:

jsFiddle example