Question

I have two buttons, and because I need them display in one line and vertical align text in it, I use display: table-cell. But the two div stick together. Margin does not work here. Is there a way to separate them?

Code is here: http://jsfiddle.net/sy8VC/

Answer 1

Do you care if there is an extra <div> in between? If not, this could work:

<div id="select">
    <div class="btparent" id="parent1">parent1</div>
    <div style="width: 3px;display:table-cell;"></div>
    <div class="btparent" id="parent2">parent2</div>
</div>