css - 对齐和 'right-pull'

Question

当使用 pull-right 时，右侧的按钮不知何故不再(垂直)居中。 怎么能放在中间呢？

       <li >
            <a  type="button" class="btn btn-default btn-sm ">
            <span class="glyphicon glyphicon-minus" ></span>
            </a>

            <a  type="button" class="btn btn-default btn-sm pull-right">
              <span class="glyphicon glyphicon-pencil" ></span>
           </a>
       </li>

https://jsfiddle.net/1mawa84n/2/

Answer 1

移除 line-height 给 li 填充

试试这个:

CSS:

 li {
    background: rgba(254, 255, 251, 0.91) none repeat scroll 0 0;
    border: 1px solid black;
    border-radius: 3px;
    display: block;
    /* line-height: 3;*/
    margin: 0 0 -1px;
    padding: 10px;
    max-width: 100%;
    vertical-align: middle;
}