title: Centering two lines of text next to one line,Bootstrap
body: <p><a href="http://i.stack.imgur.com/qf0bU.png" rel="nofollow">Quotes(") and 2 lines of text , one coming next to quotes and one more coming below it.</a></p>
  
  <p><a href="http://i.stack.imgur.com/kP52e.png" rel="nofollow">Quotes(") and 2 lines of text , both lines coming next to quotes.</a></p>
  
  <pre><code>  Code used :                               
              &lt;center&gt;
               &lt;div class="badge" style="display:inline-block;width:30px;height:30px;border-radius:50%;font-size:40px;color:#000;text-align:center;background:#fff;padding:5px"&gt;&amp;ldquo;&lt;/div&gt;
               &amp;nbsp;&amp;nbsp;&amp;nbsp;Robert Smith&lt;br&gt;CEO of Geckoos.com
             &lt;/center&gt;
  </code></pre>
  
  <p>Using the code i am getting like image 1. Want it to be image 2. Please help</p>