Áp dụng phần đệm để hiển thị: thành phần ô bảng

Question

Tôi đang cố gắng áp dụng đệm vào bên trái của phần tử có màn hình: ô bảng. Tôi đang sử dụng một trình duyệt Webkit, và điều này sẽ chỉ bao giờ phải làm việc trong một trình duyệt Webkit (yay!).

Nó hiển thị theo cách sắp xếp phù hợp, nhưng dường như không có đệm.

Mọi con trỏ? Tôi là một chút của một newb khi nói đến display:table

Đây là HTML của tôi (tôi đã nhúng css inline để nó dễ dàng hơn để đọc ở đây):

phong cách học

<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

Quấn chọn của bạn trong một khoảng:

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

Answer 2

Cũ, có lẽ?

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

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

Answer 3

Bạn cũng có thể sử dụng tài sản ...

border-spacing:10px;