position this element I created with JavaScript Chrome Extension

Question

CODE

function createButton(){
    var newEl = document.createElement("header");
    var r = document.createTextNode("My Chrome Extension");
    newEl.appendChild(r);
    document.body.appendChild(newEl);
}

createButton();

So I just learned how to create an element in JavaScript but the element spawns at the bottom left corner of the screen so how do I position it???

Answer 1

You can move your elements around using it's css properties :

How to position a DIV in a specific coordinates?