Is there a way to centrally align the title "My project" in the navbar while also keeping the logout button on the right of the same line as the title?
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
<div class="container">
<div style="display: flex; justify-content: space-between;">
<h1>My Project</h1>
<form class="navbar-form" method="post" action="{{url_for("logout")}}">
<i class="glyphicon glyphicon-user white"></i>
<font style="color:#FFFFFF;font-size:10px;padding-right:5px;">{{ g.user.get_name() }}</font>
<button id="logout" type="submit" class="btn btn-success">Logout</button>
</form>
</div>
</div>
</div>