Hi All,

I have a dynamically generated list of <li>s and I need to add an increasing amount of padding to each one to accommodate a curved background image.

I've put together the following:

function alignList() {
	var p = 0;
	var items = document.getElementById("articles").getElementsByTagName("li");
	for (var i=0; i<items.length; i++) {
		items[i].style.paddingLeft = "p+5";
"articles" is the id of the containing <ul>

Unfortunately, the above doesn't do anything. Can anyone help?