title: Inline CSS issues in react component
body: <p>I have a <code>react</code> component and I'm trying to align the below <code>div</code> using <code>margin-left</code> property. I'm getting a <code>console</code> error: </p>
  
  <blockquote>
    <p>Unexpected token</p>
  </blockquote>
  
  <p>pointing towards the hyphen in the <code>margin left</code> property. Can anyone help to resolve this?</p>
  
  <pre><code>&lt;div id="loadingDiv" style = {{display:'block'}}&gt;
      &lt;img src={Loading} style = {{width:150,height:150,margin-left:370}} /&gt;
  &lt;/div&gt;
  </code></pre>