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

You have to float them left:

http://jsfiddle.net/65X7X/2/

.container div {
    width: 120px;
    height: 100%;
    display: inline-block;
    float: left;
}

Hope this helps.