css - 带显示的div：table忽略父div的填充

有没有办法获得显示：表格单元格，以保持其父div的填充？

如果我有这样的bootstrap div：

   <div class="col-sm-5 defaultRowHeight" id="row1">
        <div style="display: table">
        <div class="tableCellMiddle">

来自bootstrap的col-sm-5的填充规则将被忽略。我想使用表格单元格，因此我可以轻松地进行对齐。

这是一个小提琴

前2个方框按照我的预期工作，但是在我的封闭源代码中它们不是我的真实世界的例子。底部2个方框丢失了所有的填充或边距，但这并不能模仿我的真实来源。

任何想法？