html - 如果每个按钮的形式不同，如何使两个按钮内联？

Question

如何使两种不同形式的提交按钮内联？第一种形式必须是 block 级元素，但第二种形式可以是内联 block 。

<form action="#">
     <div class="form-group">
        <label for="title">Title</label>
        <input type="text" name="title" class="form-control" id="title" placeholder="Enter title">
    </div>

    <div class="form-group">
        <label for="body">Body</label>
        <textarea class="form-control" name="body" id="body" rows="10"></textarea>
    </div>

    <button type="submit" class="btn btn-primary">Update</button>

</form>

<form action="#">
    <button type="submit" class="btn btn-danger">DELETE</button>
</form>

Answer 1

float 是一个很好的选择...但是我们也可以使用显示:内联；表单元素的属性...像这样..

建议:-

   form{
       display: inline;
     }

这也是最好的选择......并且显示内联携带元素之间的差距...所以删除和更新按钮看起来不错。