generar label y input con innerhtml

[helenp]

Hola,
En un loop genero radio botones, y pongo texto usando innerhtml.

A veces la gente no ve bien el botón y por eso quiero que se pueda hacer clic en el label entero (incluido el innerhtml) para seleccionar el botón radio.

El problema es que como lo tengo ahora viene primero el innerhtml y el botón radio al final, y lo quiero al revés, el botón arriba a la izquierda y seguidamente el innerhtml.

He probado con css, float left lo pone al lado izquierdo pero al final y lo quiero arriba.

Hay formas de hacerlo en el javascript?

Código Javascript:

var div = document.getElementById('list')
            var inputlist = document.createElement("input");
            var label = document.createElement("label");
            var divinput = document.createElement("div");
            inputlist.setAttribute("type", "radio");
            inputlist.setAttribute("class", "elegirparadalist");
            inputlist.setAttribute("name", "elegirparadalist");
            inputlist.setAttribute("value", nombreparada +"~"+parada.idparada[0]);
            label.style.fontSize = "90%";
            label.setAttribute("class", "clickonlabel");
            divinput.setAttribute("class", "divlistamapita");
            label.innerHTML =  "texto y mapa viene aquí y quiero el botón radio al principio del texto y mapa y no al final de esto";
            div.appendChild(divinput);
            divinput.appendChild(label);
            label.appendChild(inputlist);
 

Muchas gracias