Header icon (logi,fb,tw) positioigning

Author @ karimkhan

by karimkhan

HTML

<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css">
<link rel="stylesheet" href="http://getbootstrap.com/dist/css/bootstrap.min.css">
<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">
                    <span class="temp">Login <i class="fa fa-play"></i></span>
                    <i class="fa fa-facebook-square fa-2x"></i>
                    <i class="fa fa-twitter-square fa-2x"></i>
                </p>
            </div>

CSS

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