marginが効かないdisplay:table-cellに隙間を開けたい

vertical-alignを使いたいとき、横並びの高さを揃えたい時に便利なdisplay:table-cellですが、隙間を開けたい時にmarginが効きません。

そんなときに使うのが以下。

border-collapse: separate;

border-spacing: 0 10px;