Not able to vertically center align the div having id signInButton.

Question

** I have tried vertical-align and line-height**
<nav class="navbar navbar-toggleable-md navbar-inverse fixed-top bg-inverse">
<div class="container-fluid">
<div class="navbar-header">
<a class="navbar-brand" style="color:white" href=#">
<b>Item Catalog </b>
</a>
</div>

<div id="signinButton" style="float:right; vertical-align: middle;">
<span class="g-signin"
data-scope="openid email"
data-redirecturi="postmessage"
data-accesstype="offline"
data-cookiepolicy="single_host_origin"
data-callback="signInCallback"
data-approvalprompt="force">
</span>
</div>
</div>
</nav>

Answer 1

Try vertical-align: center; or align: center; or put it in an external CSS file and embedd it in your html

Answer 2

no these are not working I have already tried vertical-align:middle; align is also not working coz that will horizontally align the div, not verticality.