var container = document.createElement("DIV");
                        container.style.cssText = "    width: 300px;\
                                                    margin: 0;\
                                                    padding: 0;\
                                                    border: 0;";
                        container.id = "&" + i;


                        var left = document.createElement("P");
                        left.innerText = items[i].name;
                        left.id = "~" + i;
                        left.style.cssText = " float: left; margin: 0; padding: 0; border: 0; font-size: 8pt;";

                        var right = document.createElement("DIV");
                        right.id = "^" + i;
                        right.style.cssText = "float: right; margin: 0; padding: 0; border: 0;";




                        // item name
                        var itemInfo = document.createElement("P");
                        itemInfo.innerText = items[i].name;
                        itemInfo.setAttribute("id", i);


                        // amount
                        var itemAmount = document.createElement("SPAN");
                        itemAmount.setAttribute("id", items[i].name);
                        itemAmount.innerText = items[i].amount;

                        // item + button
                        var plusButton = document.createElement("BUTTON");
                        plusButton.innerText = "+";
                        plusButton.id = "+" + items[i].name;


                        document.getElementById(left.id).appendChild(itemInfo);
                        document.getElementById(right.id).appendChild(itemAmount);

                        document.getElementById("content").appendChild(container);



                        document.getElementById(container.id).appendChild(left);
                        document.getElementById(container.id).appendChild(right);