I am looking to replicate the entire div multiple times (e.g., on an A4 paper, top left corner, top right corner, bottom left corner, and bottom right corner).
<script language="javascript" type='text/javascript'>
function updateDivs() {
var repeat_container = document.getElementById("layout");
var div_element;
for (var i = 0; i < 4; i++) {
div_element = document.createElement("div");
repeat_container.appendChild(div_element);
}
}
</script>
<div class = "layout">
<div class="header"><asp:label id="label1" runat="server/></div>
<div class="chart"><asp:label id="label2" runat="server/></div>
<div class="legend"><asp:label id="label3" runat="server/></div>
<div class="info1"><asp:label id="label4" runat="server/></div>
<div class="info2"><asp:label id="label5" runat="server/></div>
<div class="info3"><asp:label id="label6" runat="server/></div>............
</div>
![enter image description here][1]
The screenshot is provided below