Css 我的边栏小部件的样式是错误的

我创建了一个自定义HTML小部件，并将其添加到我的侧栏中。以下是链接：

这是我检查元件时的样子：

当我将其与“最近的帖子”部分进行比较时，结果如下：

据我所知，样式是相同的，但显然不是。我错过了什么，很可能是在盯着我的脸。我希望下载的

看起来像最近发布的

更新 正如在评论中提到的，我注意到在

周围还有一个附加的

：

<section id="custom_html-2" class="widget_text widget animation-video-sidebar widget_custom_html">
    <h2 class="widget-title">Downloads</h2>
    <div class="textwidget custom-html-widget">
        <ul>
            <li>
            <a href="https://www.publictalksoftware.co.uk/available-downloads/">
            View Available Downloads</a></li>
        </ul>
    </div>
</section>

它现在可以正确渲染：


有没有更好的方式用样式来解决这个问题？
根据我的评论，我能够想出正确的CSS样式：

#custom_html-2 .textwidget
{
  padding: 0px;
}

下载部分的
ul
被包装在一个附加的
..
中，而最近文章中的不是；而
textwidget
类添加了10px的填充…@CBroe是的，我在查看源代码并将其复制到Expression Web时注意到了这一点。那时候它在我面前并不突出。我对我的问题做了一些调整。我更希望我的样式只应用于那个特定的项目，而不是一个可能最终被其他地方使用的类。
/* AJT 28-05-2018 Downloads Sidebar Item */
.custom-html-widget 
{
  padding: 0px;
}

#custom_html-2 .textwidget
{
  padding: 0px;
}