Appliquer le remplissage pour afficher: élément de table

Question

J'essaie d'appliquer un remplissage sur le côté gauche d'un élément avec affichage: table-cellule. J'utilise un navigateur Webkit, et cela ne fonctionnera que dans un navigateur Webkit (yay!).

Il s'affiche dans l'agencement approprié, mais comme s'il n'y avait pas de rembourrage du tout.

Des pointeurs? Je suis un peu d'un NEWB quand il vient à display:table

Voici mon HTML (je l'ai incorporé en ligne css afin qu'il soit plus facile à lire ici):

<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

Enveloppez votre sélection dans une période:

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

Answer 2

style old school, peut-être?

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

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

Answer 3

Vous pouvez également utiliser la propriété ...

border-spacing:10px;