Question

Can someone please show me how can I make a quotation like that (see the image)?

I have used the default html code for the quotation symbol:

<div>
<span style="font-size=30px">$#8220;</span>
<span style="font-size=12px">Test Text</span>
</div>

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?

Answer 1

on the quote:

font-size: 30px;
display  : inline-block;
position : relative;
top      : 10px;

change the top: 10px to whatever you need to