title: Wrap long lines into more than one line inside input of a table td
body: <p>I have a long text inside input field that is inside table rows as below</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;&lt;input type="text" disabled="" value="John Doe" id="firstName" name="firstName"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" disabled="" value="test" id="custom2" name="custom2"&gt;&lt;/td&gt;
    &lt;td class="tdthree"&gt;&lt;input type="text" disabled="" value="Testing Very Bog Client Name to see How long Before This will  Break . testing Test test test tesyTesting Very Bog aa" id="custom3" name="custom3"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" disabled="" value="09-09-1978" id="custom4" name="custom4"&gt;&lt;/td&gt;
    &lt;td&gt;&lt;input type="text" disabled="" value="Tes387314" id="custom1" name="custom1"&gt;&lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>I need the text in tdthree td to wrap into more than one line if longer than td width. I have been searching through google but can not seem to find a cross browser (IE7+) solution. Any ideas?</p>