应用填充来显示：表格单元格元素

Question

我正在尝试使用 display:table-cell 将填充应用到元素的左侧。我正在使用 Webkit 浏览器，并且这只需要在 Webkit 浏览器中运行（耶！）。

它以正确的排列方式显示，但好像根本没有填充。

有什么指点吗？当谈到 display:table 时，我有点新手，

这是我的 HTML（我已经嵌入了 css 内联，以便在这里更容易阅读）：

<div class="setting-group" style="display:table">
   <div class="title">Title</div>
   <div class="field" style="display:table-row">
      <span class="label" style="display:table-cell">Label</span>
      <select class="value" style="display:table-cell; padding-left: 20px" id="id">
         <option value="Opt 1">Option 1</option>
         ...
      </select>
    </div>
</div>

Answer 1

将您的选择包含在一个跨度中：

<span class="select" style="display:table-cell; padding-left:20px"><select class="value"  id="id"></span>

Answer 2

您还可以使用该物业...

border-spacing:10px;

Answer 3

老派风格，也许吧？

    .setting-group {
        padding-left:50px;
    }

    .setting-group .field .label {
        padding-right:20px;
    }