title: setting valign property of <TD> in javascript
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/5214151/valign-not-working-on-a-td">valign not working on a td?</a>  </p>
  </blockquote>
  
  
  
  <p>I'm adding rows to a table dynamically using javascript as following:</p>
  
  <pre><code>var lastRow = tbl.rows.length;
  var iteration = lastRow;
  var row = tbl.insertRow(lastRow);
  
  var cellLeft = row.insertCell(0);
  var inc = parseInt(iteration)+1;
  var textNode = document.createTextNode(inc);
  cellLeft.appendChild(textNode);
  
  var cellMiddle = row.insertCell(1);
  var el = document.createElement('input');
  el.type = "checkbox";
  cellMiddle.appendChild(el);
  
  var cellRight = row.insertCell(2);
  var el1 = document.createElement('span');
  el1.innerHTML = "asdasd adad a aa a a s a a a  a as "+
             " a a as a a a  adasdadsadad ad ada aasdasd as aas  ";
  </code></pre>
  
  <p>Here I create a row with 3 columns one showing number, second contains checkbox and third one contains data. Here the data in 3rd column is very long and that's why it's height increases and checkbox and number in other cells are shown in middle. I want to set there valign proprty to top. How can I do that?</p>
  
  <p>I've tried following line but did not worked:</p>
  
  <pre><code>cellLeft.valign="top";
  </code></pre>