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 
} 

Вы можете использовать! Важно, а если вы хотите, чтобы переписать все стили для тега.

Я добавил дополнение как пример.