title: Aligning button to the right of text in navbar
body: <p>Here is my code so far for the header, you will see that the text explaining whose account it is, and the button to logout do not alight up with the button to the right of the text.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;DroneReg - File Section 333 Easy&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"&gt;
      &lt;link href='https://fonts.googleapis.com/css?family=Open+Sans|Source+Sans+Pro|Raleway' rel='stylesheet' type='text/css'&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
  
      &lt;!--Start Meta Content--&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="js/bootstrap.js"&gt;&lt;/script&gt;
      &lt;div class="navbar navbar-inverse navbar-fixed-top"&gt;
          &lt;div class="container"&gt;
              &lt;a href="index.html" class="navbar-brand"&gt;DroneReg&lt;/a&gt;
              &lt;button class="navbar-toggle" data-toggle="collapse" data-target=".navHeaderCollapse"&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
                  &lt;span class="icon-bar"&gt;&lt;/span&gt;
              &lt;/button&gt;
              &lt;div class="collapse navbar-collapse navHeaderCollapse"&gt;
              &lt;!--start difficulty--&gt;
                      &lt;p class="navbar-text navbar-right"&gt;Signed in as, &lt;a href="#" class="navbar-link" style="color: white;"&gt;Mark Otto&lt;/a&gt;&lt;/p&gt;
                  &lt;div&gt;
                      &lt;button type="button" class="btn btn-default navbar-btn pull-right"&gt;&lt;a href="/logout"&gt;Logout&lt;/a&gt;&lt;/button&gt;
                  &lt;/div&gt;                      
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>