HTML & CSS : How to put quotation mark and text in same height?

Question

谁能告诉我如何进行这样的报价(见图片)？

我已经为引号使用了默认的 html 代码:

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

但这会导致引号停留在文本的顶部，但与文本的高度不同。有人可以帮我解决这个问题吗？

Answer 1

关于报价:

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

将 top: 10px 更改为您需要的任何值