让HTML实体位于文本上方，同时保持正常的文档流

我有一个带html引号的块引号，我想放在一些文本上面

我的问题是，当我把引号调大时，它会产生大量的空白。我已将线条高度设置为0，但这似乎不起作用

如何在文本上方有一个HTML实体（引号），但在其下方有自然元素流

代码笔：

非常感谢您的帮助

正文{
保证金：0；
填充：0；
宽度：100%；
显示器：flex；
证明内容：中心；
对齐项目：居中；
}
.报价包装{
宽度：50%；
背景：浅灰色；
}
旁白{
背景：浅蓝色；
}
.引号{
线高：0；
字体大小：7.159rem；
边缘顶部：4rem；
填充：.5rem 0.5rem；
}

&8223
知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

可能需要更多的设计来满足您的喜好，但这是可行的：

blockquote{
填充：5%；
位置：相对位置；
文本对齐：对齐；
}
blockquote：之前，
blockquote：之后{
字体大小：7.5rem；
位置：固定；
不透明度：0.2；
}
区块报价：之前{
内容：'\201C'；
左：0；
前-2%；
}
blockquote：之后{
内容：'\201D'；
右：0；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

可能需要更多的设计来满足您的喜好，但这是可行的：

blockquote{
填充：5%；
位置：相对位置；
文本对齐：对齐；
}
blockquote：之前，
blockquote：之后{
字体大小：7.5rem；
位置：固定；
不透明度：0.2；
}
区块报价：之前{
内容：'\201C'；
左：0；
前-2%；
}
blockquote：之后{
内容：'\201D'；
右：0；
}

知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作

尝试

页边距底部：未设置用于
。引号
classTry
页边距底部：未设置用于
。引号
类