围绕两行文字旁边的一条线，引导

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>