Javascript 如何调整渲染标记的默认字体大小

我有一个textarea，它最初使用SimpleMode（markdown）捕获文本，并存储在mysql中。在检索时，我使用“标记”标记渲染器在div中显示内容，如下所示

<div id="content" style="position:relative; width:auto; margin-left:10px; font-size:medium;"></div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>document.getElementById('content').innerHTML = marked(`<?php echo nl2br($dispdesc); ?>`);</script>

document.getElementById（'content'）.innerHTML=marked（``）；

我希望div中定义的字体大小（中等）在显示时是所有文本的默认值，但它似乎只适用于带项目符号的文本行和其后的行。第一个项目符号行之前的行（或如果没有项目符号，则为所有行）显示在更小的文本中。你知道为什么会这样吗

这里是一些HTML输出

<div id="content" style="position:relative; width:auto; margin-left:10px; font-size:medium;"></div>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script>document.getElementById('content').innerHTML = marked(`aaaaaaaaaa<br />
bbbbbbbbbbbbb<br />
bbbbb<br />
* cccccccccccccccccccc<br />
* ddddddddddddddddd<br />
eeeeeeeeeeeeeeeeee<br />
ffffffffffff<br />
`);</script>

document.getElementById（'content'）.innerHTML=marked（`aaaaaaaa

bbbbbbbbb

bbbbb

*CCCCCC

*dddddddddddddddd

eeeeeeee

ffffffffffff

`);
感谢那些帮助过我的人。
我没有弄清楚问题出在哪里，但我现在正在测试一种不同的策略，因此我绕过了这个问题。
CSS定义很可能是内联添加到内容中的元素中的。是否可以在您的帖子中添加或提供HTML输出？@showdev-在上面添加了一些HTML输出作为编辑，谢谢。@Lawrence-我在mysql输出中使用htmlspecialchars来获取$dispdesc-这就足够了吗？（仍在开发中）我无法重现字体大小问题。