title: HTML & CSS: How to put quotation mark and text in same height?
body: <p>Can someone please show me how can I make a quotation like that (see the image)?</p>
  
  <p>I have used the default html code for the quotation symbol:</p>
  
  <pre><code>&lt;div&gt;
  &lt;span style="font-size=30px"&gt;$#8220;&lt;/span&gt;
  &lt;span style="font-size=12px"&gt;Test Text&lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But this causes the quotation mark to be stay on top of the text but not at the same height of the text. Can someone please help me with this?</p>
  
  <p><img src="https://i.stack.imgur.com/qdSHj.png" alt="Quotation Mark"> </p>