Question

我有以下一点HTML，其中我有一个带有输入文本字段和复选框的表单，其中包括：

＆＃13;

<form role="form">
  <div class="form-group">
    <div class="row">
      <div class="col-sm-5">
        <label for="queuename">Name:</label>
        <input type="text" class="form-control" id="queuename">
      </div>
    </div>
  </div>

  <div class="checkbox">
    <label>
      <input type="checkbox" value="closedqueue">Gender:</label>
  </div>
  ..
</form>

＆＃13;

这样，它们出现在另一个之下。我怎样才能将它们放在同一条线上？

Answer 1

设置显示inline-block

<强> CSS

.form-group, .checkbox{
  display: inline-block;
}

<强> DEMO

在同一行输入文本字段和复选框

1 个答案: