在html中不同的项目符号大小而不影响行高？

Question

请耐心听我说，我对html了解不多。

我正在尝试编辑一些具有不同大小的项目符号的html。这些项目符号使用·字符插入。我在它们周围放置跨度，并通过改变字体大小来改变它们的大小，如下所示。

我遇到的问题是，较大的字体大小的项目符号增加了整行的字体高度，这(1)在当前行和前一行之间创建了空间，(2)将项目符号放在当前行上字符的上方。

我想要做的是简单地使项目符号更大，但不改变项目符号的行高或相对于周围字符的高度。这样做的正确方法是什么？

一些示例html文本：

first line of text, which is fine
second line of text with bullet here: <span class="big-bullet">·</span> with text
coming after it.  

和css类：

.big-bullet{font-size:350%;}

编辑:不确定做我想做的事情的最佳方法，但我也发现上面html文本中的项目符号比普通项目符号小。它是由TeX4ht转换器生成的html格式，我以为LaTeX中的代码是·。我用常规的html bullet·•代替了小的bullet，它至少更大一点。不过，改变字体大小仍然不能很好地扩展。。。

first line of text, which is fine
second line of text with bullet here: <span class="big-bullet">&bull;</span> with text
coming after it.  

和css类：

.big-bullet{font-size:100%;}

Answer 1

只需设置line height即可。

.big-bullet{
font-size:350%;
line-height:??px;
}