title: Moving an element inside a div down a few pixels
body: <p>In my navigation bar I have two elements inside a div, a picture and some text. I want to move the text down a few pixels. This would normally be pretty easy, however, the text simply isn't budging. When I put a top padding on the containing div both elements move down. I just want the text to move down only, and the image to stay in the same place. Here's my code: </p>
  
  <pre><code>    &lt;div class="row"&gt;
          &lt;div class="col-xs-8"&gt;
          &lt;img src="{{asset('/images/navbar/banner.png')}}" class="banner"&gt;
          &lt;a class="text-white hover-white" id="title" href="/"&gt;MY WEBSITE'S TITLE&lt;/a&gt;                            
      &lt;/div&gt;
  </code></pre>
  
  <p>I want to move the  down a few pixels without effecting the image</p>