應用填充來顯示：table-cell元素

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

老派風格，也許？

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

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

Answer 3

您也可以使用屬性...

border-spacing:10px;