圍繞兩行文字旁邊的一條線，引導

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>