将输入文本框从HTML表转换为所有div

如何将我的表格样式输入文本框转换为一组类似于它的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>

+

+

以下是HTML和CSS：

<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>

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