html - 如何在ul标签中使用li中的两个元素来做2列

我想在ul标签中有两列，并且每个输入都应该有图像。
例如，以前我有这个而且很好

.res{
    list-style-type: none;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}

<ul class="res">
    <li>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
</ul>

后来我给每个李添加了图像

<ul class="res">
    <li>
        <img src="images/item1.png" width="34px" height="34px"/>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <img src="images/item2.png" width="34px" height="34px"/>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
    <li>
        <img src="images/item3.png" width="34px" height="34px"/>
        <input type="number" step="10" min="0" class="form-control" disabled="disabled" />
    </li>
</ul>

一切都出错了，这看起来像

image    input
input    image
image    input

我想

image input    image input
image input

最佳答案

那么只是like this吗？

我只是把所有李的东西都浮在上面了：

<li style="float:left;">