Question

I have these check boxes that are created with a javascript function:

I would like the text to appear to the right of the checkbox and all of the text to be on one line.

Here is the javascript function and the html:

function receiveAnswer(response) {
//  var aSeats = document.getElementById("aSeats");
//    aSeats.options.length = 0;// clear it out
//
//   for (var i = 0; i < response.aSeats.length; i++) { // add the items back in
//    var option = aSeats.appendChild(document.createElement("option"));
//    option.value = i;
//    option.appendChild(document.createTextNode(response.aSeats[i]));
//  }

  var aSeats = document.getElementById("aSeats");
    while (aSeats.childNodes.length > 0) { // clear it out
    aSeats.removeChild(aSeats.childNodes[0]);
  }

   for (var i = 0; i < response.aSeats.length; i++) { // add the items back in
    var input = aSeats.appendChild(document.createElement("input"));
    input.value = i;
    input.type = "checkbox";
    var br = aSeats.appendChild(document.createElement("br"));
    input.appendChild(document.createTextNode(response.aSeats[i]));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
    var br = aSeats.appendChild(document.createElement("br"));
  }
}

html code:

<div name="aSeats" id="aSeats">
    <input type="checkbox">
</div>

Answer 1

Create a separate div to put the text in and position that div to the side of the input box, something like:

var div = document.createElement("div");
div.style.width = 100;
div.innerHTML = text;
etc.