Как сделать ширину или высоту блока по содержимому + (что-то)?

Question

[МолодойПрограммер]

Есть блок с содержимым, нужно чтобы он всегда был по ширине больше содержимого например на 5%. Я пробовал с помощью calc(max-content+5%), но что-то не так. При чем контейнеру задан flex.

Comments

[Ankhena]

Паддинги задайте..

Answer 1

[Валентина]

а почему не использовать padding?

.container{
width: fit-content;
}

.div2{
width: fit-content;
padding: 0px 5%;
}

Без box-sizing: border-box; отступы будут добавлять нужную ширину

Answer 2

[szQocks]

<div class="container">
  <div class="div2">
    <code>&lt;a&gt;&lt;/a&gt;</code>
    <p>ссылка</p>
  </div>
</div>

.container{
    margin: 50px auto;
    display: flex;
    justify-content: center;
    width: 500px;
}
.div2{
    background-color: #c8a185;
    color: #30464f;
    flex-shrink: 0;
    width: 110%;
}