0

What would be the best way of lining up the Back text with the Booking heading?

HTML

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class="navbar-brand">Booking</div>
    <div>Back</div>
  </div>
</nav>

CSS

.navbar {
    background-color: #0088CC;
    padding-left: 0em !important;
    padding-right: 0em !important;
}
.navbar-brand {
    color: #fff !important;
    padding-left: 0em !important;
    padding-right: 0em !important;
    text-align: center;
    margin: 0 auto !important;
    width: 100%;
    display: inline !important;
}
nav > .container {
    width: 100%;
}

Fiddle here

Edited by methuselah90: fixed fiddle link

3
Contributors
4
Replies
21
Views
2 Years
Discussion Span
Last Post by donz365
0

Hi,

Would using lists be an option for you...

add this to css
.container li{display: inline; padding: 10px;}

<body>
    <nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <div class= ".navbar-brand">
    <li>Booking</li>
    <li>Back</li>
   </div>
  </div>
</nav>
</body>
</html>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.