CODEWITHSUNDEEP
htmltwitter-bootstrapcsstextinput
1nsg
1nsg

Reputation: 109

Multiple text inputs wrapped in <div> within <td>

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

which results in the following rendering in IE 11: enter image description here My question is how do I display this properly? the text forms are supposed to be stacked on top of one another, and not be arranged diagonally (red arrow) but rather horizontally.

Any assitance would be highly appreciated. This works fine in Chrome btw.

Upvotes: 0

Views: 114

Answers (1)

Johannes
Johannes

Reputation: 67758

Removing the pull-left classes from all these divs should fix your problem (if you don't have any other code causing that behaviour which you didn't post)

(You might not need these br tags either)

Upvotes: 1

Related Questions