同一行中的 html 标签不起作用

Question

在我的 html 中，我有两个输入标签，在我搜索并尝试更多代码后，我希望它们在同一行。

它没有改变任何东西，我的代码有什么问题吗？

<div class="form-group">
    <label class="col-lg-3 control-label">Meaning:</label>
    <div class="col-lg-8">
        <div class="">
            <div class="lnw">
                <span class="inline">
                <input class="form-control" type="text" name="meaning[]" id="meaning " style="float: right">
                <input type="image" src="/images/pjdict/plus.png" alt="Submit" width="48" height="48" class="add_field_button">
                </span>
                <br>
            </div>
        </div>
    </div>
</div>

Answer 1

您已经为 input["type="text"] 或 input["type="image"] 提供了一些宽度，如下所示:

否则你在 form-control 类中自定义类，然后将这个类重新添加到 .form-control

参见 Bootply link

.form-control {
  float: left !important;
  width: 90%;
}
.add_field_button {
  float: right;
  text-align: center;
  width: 10%;
}