包含在<div>内的多个文本输入

Question

<td>
<form>
    <div class="pull-left" style="margin-top: 30px;">
        <input name="searchInput" tabindex="0" class="form-control input-sm" id="simple-field" style="min-width: 162px; max-width: 162px;" type="text" placeholder="Enter CI" value="" label="hid">
    </div>
<br>
<br>
    <div class="pull-left" style="margin-top: 30px;">
        <input name="searchInput" tabindex="0" class="margin-5-top form-control input-sm" id="simple-field" style="min-width: 162px; max-width: 162px;" type="text" placeholder="Enter CI" value="" label="hid">
    </div>
<br><br>
    <div class="pull-left" style="margin-top: 30px;">
        <input name="searchInput" tabindex="0" class="margin-5-top form-control input-sm" id="simple-field" style="min-width: 162px; max-width: 162px;" type="text" placeholder="Enter CI" value="" label="hid">
    </div>
<br><br>
</form>
<span style="color: rgb(174, 88, 86);">
</span>
</td>

导致IE 11中的以下呈现： 我的问题是如何正确显示？文本形式应该堆叠在一起，而不是对角线（红色箭头）而是水平排列。

任何协助都将受到高度赞赏。 这在Chrome btw中运行良好。

Answer 1

从所有这些pull-left中删除div类应解决您的问题（如果您没有任何其他代码导致您未发布的行为）

（您可能不需要这些br标签）