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
}

如果您想覆盖 a 标签的所有样式，您也可以使用 !important。

我添加填充只是为了举例。