Question

I’m a newbie in JavaScript. I have a function that is supposed to loop the same image and text 26 times. and display them like multiple paragraphs of image and text. My loop however is overlapping the text and the image as shown below.

I want my code to display the image as shown below.

How can I fix this? my JavaScript code looks like this

function getData() {
  var stringData = '';

  for (i = 0; i < 26; i++) {
    stringData = stringData + '<div><image src="img/sample-image.png" width="10% "height="10%" align="left" border="0"/>' + 'In this example a sample of the album photo on the site shall appear alongside a simple description of the album. To view the album select the album.</div><br/>';
  }

  document.getElementById("list-menu").innerHTML = '' + stringData + '';
}

Answer 1

Simply adding in two <br />s should do the trick., other than that, try clear: both in your div CSS.