Настройка элементов css с бутстрапом css

Question

В моем заголовке я добавил три элемента. Стрелка, значок fb, значок щебета.

Fiddle: Fiddle

Html:

<div class="navbar navbar-default navbar-fixed-top" role="navigation"> 
       <div class="email-input navbar-left"> 
     <div id="error-msg" class="help-block">    
        </div> 
       </div> 
       <p class="navbar-text navbar-right"> 
        Login 
        <i class="fa fa-play"></i> 
        <i class="fa fa-facebook-square fa-2x"></i> 
        <i class="fa fa-twitter-square fa-2x"></i> 
       </p> 
      </div> 

Проблема с этим Login текст и Arrow (>) Dont выравнивает в середине заголовка.

Я попробовал изменить их верхнее нижнее поле и отступы, но без изменений. Любая помощь приветствуется.

Answer 1

Добавить класс в CSS:

.text { 
     float: left; 
     margin: 4px; 
    } 

затем обернуть текст входа со стрелкой, как это:

<span class="a">Login <i class="fa fa-play"></i></span>