title: How to display <p> in same line with image
body: <p><a href="http://jsfiddle.net/2AFGK/1/" rel="nofollow"><strong>DEMO LINK</strong></a> </p>
  
  <p>I want to have <code>&lt;p&gt;</code> text displayed in line with the image so everything will look centered and in-line correctly. </p>
  
  <p>Also when screen is shorter and text takes 2+lines (responsive), I'd like this to remain the same as well so the text doesn't jumo below the image.</p>
  
  <p>How can I achieve that?</p>