title: Plotly Dash: Left padding for dcc.Upload component
body: <p>I'm building a web application using Dash. I want to give the user the ability to upload a file using the <code>dcc.Upload</code> component.</p>
  <p>My code for that piece is as follows:</p>
  <pre><code>html.Div([
      dcc.Upload(
          id='upload-data',
          children=html.Div([
              'Drag and Drop or ',
              html.A('Select Files')
          ]),
          style={
          'margin-left' : '300px',
          'width' : '50%',
          'height' : '60px',
          'lineHeight' : '60px',
          'borderWidth' : '1px',
          'borderStyle' : 'dashed',
          'borderRadius' : '5px',
          'textAlign' : 'center',
          'margin' : '10px'
          },
          multiple=True
          ),
      html.Div(id='output-data-upload'),
      ]),
  </code></pre>
  <p>I'm trying to give some left padding on the box that displays &quot;Drag and Drop or Select Files&quot;.</p>
  <p>In the <code>style</code> dictionary, the <code>'margin-left' : '300px'</code> seems to have no effect.</p>
  <p>I also tried <code>marginLeft</code>, which doesn’t work either.</p>
  <p>What is the correct way to give left padding on the <code>dcc.Upload</code> component?</p>