Как растянуть по всей ширине при наличии паддинга?

Question

[Влад Громов]

Добрый вечер!

Вопрос следующий, есть блок li и внутри него находится a, при этом у li есть padding.
Возможно ли растянуть a по всему блоку li не убирая padding и не оборачивая li в a?

Comments

[Маркус Кейн]

На картинке это то что есть?

[Влад Громов]

irishmann, да, а нужно чтобы a занимал 100% блока li

[Сергей delphinpro]

Влад Громов, не нужно выдергивать зубы через задний проход.
Уберите паддинг с элемента списка и добавьте его ссылке.

[Сергей delphinpro]

Вариант для извращенцев:

a {
  display: block;
  margin: -padding; // подставить нужное значение с минусом
}

[Сергей delphinpro]

Еще один "укуренный" варик

Answer 1

[archelon]

можно попробовать так

li {
position:relative;
}
a {
display:block;
position:absolute;
width:100%;
height:100%
}

но лучше убрать padding

Answer 2

[Никита Мелихов]

box-sizing: border-box

Comments

[Влад Громов]

не решило проблему

Answer 3

[yarnstart]

margin: 0 -10px;