CSS：在与容器相同宽度的文本小部件中创建链接

Question

我在wordpress网站页脚的侧边栏文本小部件中添加了一些文本链接。现在我正在尝试使文本链接具有与其div容器相同的宽度。然而，在努力之后，链接保持较小的宽度。

我在文本小部件中添加的文字如下：

<p><a href="/contacto">Contacto</a></p>
<p><a href="/faqs">FAQs</a></p>
<p><a href="/politica-de-privacidad">Política de Privacidad</a></p>
<p><a href="/terminos-y-condiciones">Términos y Condiciones</a> </p>

一般的html结构是这样的：

最后，生成的页脚链接如下所示：

我试过用：

display: inline-block; 
clear:both; 
float:left;`

在#text-6.widget.widget_text，但我一无所获。默认情况下，aside标签似乎为display:block。

Answer 1

.widget a
{
display: block;
padding: 5px;
width: 100% //added for testing purposes
}

或

.textwidget a
{
display: block;
padding: 5px;
width: 100% //added for testing purposes
}

如果要覆盖标签的所有样式，也可以使用！important。

我添加了填充作为示例。