如何在项目符号后固定HTML中的双倍行距？

Question

我正在为Magento站点设置产品清单，无法删除子弹后的双倍空格。我该如何解决这个简单的问题？

首先，主要问题是子弹无法正确缩进。但是，我输入了一个填充，但是这只会在最后一个项目符号和我的最后一句话之间造成两倍的间隔。我希望最后一句与“始终遵循这些...”一词对齐。

[<div><span style="text-decoration: underline;">Always follow these precautionary tips before, during, and after you use the test strips:</span></div>
<div style="padding: 15px 50px;">
<ul>
<li>Always consult with a Doctor or Healthcare Professional determines how often you should test and what your target ranges are for blood glucose results.</li>
<li>Remove only one test strip at a time from test strip vial. Recap vial immediately.</li>
<li>NEVER reuse test strips.</li>
<li>Dispose test strips immediately after use.</li>
</ul>
</div>
<div><strong>Case of 100 (2 Boxes of 50)</strong></div>][1]

Answer 1

ul{   
   margin-bottom:0;
}

<div><span style="text-decoration: underline;">Always follow these precautionary tips before, during, and after you use the test strips:</span></div>
<div style="padding: 15px 50px;">
<ul>
<li>Always consult with a Doctor or Healthcare Professional determines how often you should test and what your target ranges are for blood glucose results.</li>
<li>Remove only one test strip at a time from test strip vial. Recap vial immediately.</li>
<li>NEVER reuse test strips.</li>
<li>Dispose test strips immediately after use.</li>
</ul>
</div>

<div><strong>Case of 100 (2 Boxes of 50)</strong></div>