如何在一行上对齐警报和按钮？

Question

 <div class="form-horizontal">
   <div class="alert alert-danger">alert</div>
   <button type="button" class="btn btn-primary">Submit</button>
 </div>

我想将警报和按钮放在一行，但它不起作用。

Answer 1

div是块级元素。

改为使用span：

 <div class="form-horizontal">
   <span class="alert alert-danger">alert</span>
   <button type="button" class="btn btn-primary">Submit</button>
 </div>

Answer 2

 .alert
 {
 float:left;
 }

.btn-primary
 {
float:right;
}