I'm trying to fit text and images in divs, that should all have the same size. I don't know how much text there will be, but it won't be so much, that the text can't be read. When i try this, it wont stop executing the loop. Please don't use jquery in your answers, because I'm starting to learn to code and will learn this later.

Thanks for your time :)

function scale (i) {
    while ( document.getElementById("A" + i).scrollHeight > document.getElementById("A" + i).clientHeight) {
        document.getElementById("A"+i).style.fontSize = "smaller";
        }
}