改变线高后子弹( <ol> )位置下降

Question

我有子弹名单：

          <ol className="graphkregular mt-2" style={{ display: "listItem" }}>
            <li>
              <small>{popupData.content[0].split("\n").join("\n")}</small>
            </li>
            <li className='mt-2'>
              <small>{popupData.content[1].split("\n").join("\n")}</small>
            </li>
          </ol>

在改变线高和显示子弹后，下降：

small {
  line-height: 1.4em;
  display: inline-block;
}

如何解决这个问题：

​

​

Answer 1

尝试从ol标记的类名中删除页边距顶部

Answer 2

只需从小标记中删除display: inline-block;即可。