如何使表单输入字段和按钮水平对齐？

Question

我最近将django表单添加到我的html文件中，它填满了我的CSS。我似乎无法水平排列输入字段和按钮。

这是我的表单代码：

<form action = "/" method = "POST">{% csrf_token %}
    <div class = "col-md-6 text-box">
        <div class="input-group" id = "buttonSlider" >
            {% render_field form.email placeholder="email loser, were going shopping" class+="form-control input-hg btn-color flat" %}

            <button class="input-group-addon input-hg btn-color flat" type = "submit">Request Invite</button>

        </div>

    </div>

 </form>

结果如下：

注意：我刚刚打开虚线边框，这样我就能看到div的轮廓。

这是理想的结果是让“请求邀请”与输入字段内联，并且所有颜色都是深粉红色。由于某种原因，它已经减少了4/5。

如果你需要html告诉我。 感谢

Answer 1

尝试添加：

float: right;

按钮。