Применить заполнение для отображения: элемент таблицы-ячейки

Я пытаюсь применить отступ к левой стороне элемента с помощью 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>