將輸入文本框從HTML表格轉換爲所有div

Question

如何將我的表格樣式輸入文本框轉換爲一系列類似於它的div？

<table style="border: 1px solid #000000;" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td><input style="height: 17px; border: 0; width: 150px;" type="text"></td> 
     <td style="padding-right: 2px;"><a style="color: red; text-decoration: none;" href="javascript:add()">+</a></td> 
    </tr> 
</table> 

Answer 1

<div style="width: 180px; height: 20px; border: 1px solid #000000;"> 

    <div style="float: left;"><input style="padding-left: 4px; padding-right: 3px; width: 160px; border: none;" type="text"></div> 

    <div>+</div> 

</div> 

Answer 2

<div id="textinput"> 
    <input type="text" /> 
    <div onclick="add()">+</div> 
</div> 

下面是HTML和CSS：http://jsfiddle.net/kUSBM/