title: Changing the position of a header text in javascript
body: <p>It might be a newbie question so I appologize in advance. </p>
  
  <p>I added an element (header) to a div in javascript and I want to change it's position. For some reason this is not possible.</p>
  
  <p>Below is a code sample.</p>
  
  <p>Any idea what I am missing?</p>
  
  <pre><code>        var header = document.createElement("H7");
          var text = document.createTextNode(cardNum);
          header.appendChild(text);
  
          header.style.position="relative";
          header.style.left="400";
  
           //i and j are indexes
          document.getElementsByClassName('masonry-column')[j].getElementsByClassName('subject-details')[i].appendChild(header);
  </code></pre>
  
  <p><strong>Update:</strong> Updated the code and the issue still remains. There are no errors in the console, the styles just do not take affect. </p>