title: stack image and span tag next to each other - bootstrap
body: <p>I want to align both <code>image</code> tag and <code>p span</code> tag next to each other. And I do not want to put them in two different div's to follow the grid system as then it doesn't give me the correct final output that I desire.</p>
  
  <p>Here is my small piece of code that I want to correct: <a href="http://jsfiddle.net/axknnm5t/" rel="nofollow">FIDDLE</a></p>
  
  <pre><code>&lt;div class="row"&gt;
      &lt;div&gt;
          &lt;div class="col-md-9 col-md-offset-3" style="padding-right:0px"&gt;
              &lt;img src="Images/signin_logo.jpg" width="150" height="110" /&gt;
              &lt;p&gt; &lt;span style="color:#989898; font-size:36px"&gt;Template Fire Sign In&lt;/span&gt;
                  &lt;br /&gt; &lt;span style="color:#A8A8A8; font-size:18px"&gt;Please sign in with your credentials now to get access.&lt;/span&gt;
  
              &lt;/p&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/axknnm5t/" rel="nofollow">FIDDLE</a></p>
  
  <p>I want the <code>&lt;p&gt;</code> tag next to the image tag.</p>