CSS float right issue

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

и продолжительность поплавок право ширина авто

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