Question

I have a parent div and two nested divs. I have the nested divs set as display: table-cell. How can you set spacing between those nested divs? I’ve tried margin, but that didn’t do anything (the jsFiddle has margin set, yet with no effect).

jsFiddle showing my question/problem

Answer 1

Give display: inline-table; instead of display: table-cell. Write like this

.child {
    width: 100px;
    height: 100px;
    display: inline-table;
    margin-left: 100px;
}

Check this http://jsfiddle.net/cZptA/9/