title: what is the difference between margin-left and left, in my code margin-left:90px moves my box but left does not move the box
body: <p>I have box1 and I test with margin-left och left. margin-left can move the box but nothing happens with left:90px.what is exactly the difference between these two?</p>
  <pre><code>#box1 {
      width: 250px;
     padding: 25px;
     border: 15px solid;
    top:30px;
   //margin-left:90px;
  left:90px;
  </code></pre>
  <p>}</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#box1 {
          width: 250px;
         padding: 25px;
         border: 15px solid;
        top:30px;
       margin-left:90px;
      //left:90px;
  }
          </code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="box1"&gt;
  
  Box1
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>