将两行文本居中放在一行旁边，Bootstrap

Question

Quotes(") and 2 lines of text , one coming next to quotes and one more coming below it.

Quotes(") and 2 lines of text , both lines coming next to quotes.

  Code used :                               
            <center>
             <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">&ldquo;</div>
             &nbsp;&nbsp;&nbsp;Robert Smith<br>CEO of Geckoos.com
           </center>

使用我得到的代码图像1.想要它是图像2.请帮助

Answer 1

我会将内容分成两个块。不建议用于获得css分离。

<center>
 <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">&ldquo;</div>
 <div class="textContent" style="display:inline-block;margin-left:5px;text-align:left;">Robert Smith<br>CEO of Geckoos.com</div>
</center>