同个div下的label和button的内容显示不在同一行怎么办。

Question

代码如下：

<div class="card">
               <div class="card-header" style="font-size:21px;font-weight:700;color:#555555;text-shadow:0 1px 4px rgba(0,0,0,0.2);text-align:center;">
                   用户登录
               </div>
                   <div class="card-text card-block">
                  <form>
                      <fieldset class="form-group">
                           <input  class="form-control"  placeholder="用户名" 
                                   style="
                            background:#d8d8d8;
                             border-radius:6px; 
                            color:#fff;font-size:14px;
                            height:40px;line-height:20px;margin-top:25px;padding:11px 15px;">
                      </fieldset>
                      <fieldset class="form-group">
                           <input  class="form-control"  placeholder="密码" 
                                   style="
                            background:#d8d8d8;
                            border:1px solid #f9f9f9; border-radius:6px; 
                            color:#fff;font-size:14px;
                            height:40px;line-height:20px;margin-top:15px; padding:11px 15px;">
                      </fieldset>
                      **<div>
                        <label><input type="checkbox">记住密码 </label>
                        <button type="button" class="btn btn-link pull-right">找回密码</button>
                      </div>**
                      <button type="button" class="btn btn-primary btn-block">登录</button>
                  </form>
                </div>
            </div>

Answer 1

把这几个元素的verticle-align都设置成middle就行了

Answer 2

如果用楼上的方法不行的话，可以后边的那个类。使用position:relative;top:你要的值。来调整对齐就可以了