html - 将 div 和 input 放在链接内的同一行中

Question

我在列表中有这个链接，里面有一些输入:

<ul class="code__list">
    <li class="code__item"> <a class="code__link private" href="#">Test1<b><input type="text" class="intercomInput forCode" name="clientCode" value="1234"></b><div>Test2</div></a>

    </li>
</ul>

如何排成一行？<强> Fiddle

Answer 1

将 div 替换为 span，或者将 CSS display 属性设置为 inline 或 内联 block 如下。

<ul class="code__list">
    <li class="code__item">
        <a class="code__link private" href="#">Test1
            <b>
                <input type="text" class="intercomInput forCode" name="clientCode" value="1234">
            </b>
            <div style="display: inline-block">Test2</div>
         </a>
    </li>
</ul>