Question

im_bar = document.createElement("img");
im_bar.id = UPDATE_STATUS_RESPONSE[0]+"_SPLIT";
im_bar.style.display = "block";
im_bar.style.margin = "0px auto 0px auto";
im_bar.src = "graphics/news_feed_line.png";
document.getElementById("SCRIPT_NEWS_FEEDS").insertBefore(im_bar,document.getElementById("SCRIPT_NEWS_FEEDS").firstChild);

Produces

<img src="graphics/news_feed_line.png" style="display: block; margin: 11px auto 0px;" id="2_SPLIT">

Question: Why doesn’t the outputted margin match what I define in javascript?

Answer 1

Instead of assigning all these styles in javascript, you should use a css class.