CSS浮动权问题

Question

我正在设计我的页面而且我很难对齐标题。 正如你在这里看到的那样：

我希望“添加”与员工列表一致。我该怎么做？

顺便说一下这里是html代码： 我用过 bootstrap 。但是一个原生的css建议仍然很好。

    <div class="title">
                <h4>Employee list</h4> 
                <span class="pull-right">Add</span>
            </div>

由于

Answer 1

将Add移至<h4>之前。当你向右浮动时，如果你想让它们对齐，目标元素应该在另一个元素之前。

Demo

HTML

<div class="title">
     <span class="pull-right">Add</span>
     <h4>Employee list</h4> 
</div>

CSS

.pull-right {
    float:right;
}

Answer 2

给h4宽度自动并向左浮动

CSS

h4
{ 
float:left;width:auto
 }

和span float right width auto

.pull-right
{
 float:right;width:auto
}