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

Question

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

https://www.publictalksoftware.co.uk/

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

当我将它与最近的帖子部分进行比较时，它看起来像这样：

据我所知，造型是一样的，但显然它们不是。我错过了什么，最有可能盯着我的脸。我希望下载<ul>看起来像最近的帖子<ul>。

更新

正如评论中所述，我注意到<div>附近还有一个<ul>：

<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>

<div class="textwidget custom-html-widget">的介绍是由Wordpress完成的我假设因为我的小部件的自定义HTML内容是：

<ul>
    <li><a href="https://www.publictalksoftware.co.uk/available-downloads/">View Available Downloads</a></li>
</ul>

我将此添加到其他CSS 区域：

/* AJT 28-05-2018 Downloads Sidebar Item */
.custom-html-widget 
{
  padding: 0px;
}

现在渲染正确：

有更好的方法可以通过样式来解决这个问题吗？

Answer 1

根据评论，我能够提出正确的CSS样式：

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