Aplicar relleno para mostrar: elemento de celda de tabla

Question

Estoy tratando de aplicar relleno al lado izquierdo de un elemento con visualización: tabla-celda. Estoy usando un navegador Webkit, y esto solo tendrá que funcionar en un navegador Webkit (¡yay!).

Se muestra en la disposición adecuada, pero como si no hubiera ningún relleno.

¿Alguna sugerencia? Soy un poco de un newb cuando se trata de display:table

Aquí está (He insertado CSS en línea para que sea más fácil de leer aquí) mi HTML:

estilo de la escuela

<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

Envuelva su selección en un lapso:

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

Answer 2

antiguo, tal vez?

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

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

Answer 3

También puede utilizar la propiedad ...

border-spacing:10px;