Question

I have a span element R and elements space, chk, and text which hold newline character, a checkbox element, and a text node, respectively.

Here is the javascript I use to attach the elements:

     R.appendChild(space);
     R.appendChild(chk);
     R.appendChild(txt);

and HTML for the span:

Selected   Address    <span style="position:absolute: top:100px; right:700px;"id="results">&nbsp;</span> 

What would be an effective way to organize these elements so that they are printed in row/column forum on the page? Like this:

Selected     Address

checkbox     64-21 broad street
checkbox     58-99 narrow street

I am dynamically generating these elements so it would have to be written in javascript and be automated. On a side note, I’m also having trouble positioning the span on the page. Changing the “position” in the style attribute seems to have no effect on it.

Any help is appreciated.

Answer 1

Looks like tabular data, so use an HTML table: http://www.w3schools.com/tags/tag_table.asp