CSS как сделать равномерный размер блока ссылки

Ink-developer
На сайте с 31.01.2009
Offline
138
3188


.link{
padding: 8px 8px;
border:1px solid #000;
}


<div><a href='/' class='link'>длинная ссылка</a></div>
<div><a href='/' class='link'>короткая</a></div>

В итоге получается две строки ссылки, ширина ссылки увеличивается на 8px с обоих сторон, но т.к. ссылки разной длинны то и итоговый размер разный.

Как сделать чтобы обе ссылки получились одинаковой ширины не задавая padding для каждой из них, например чтобы ссылка занимала всю ширину дива? Но не встявляя ничего в ссылку кроме текста.

alexvaleev
На сайте с 04.02.2010
Offline
55
#1

Для ссылки дописать

display:block;

Блог (http://alexvaleev.ru) Всем роуп! (https://rujump.ru/)
Ink-developer
На сайте с 31.01.2009
Offline
138
#2

Спасибо все оказалось просто, а я в дебри полез.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий