У меня есть контейнер <div> с display: flex. У него есть ребенок <a>.
Как я могу заставить ребенка выглядеть "встроенным"?
В частности, как я могу определить ширину дочернего элемента, определяемую его содержимым, и не расширять ее до ширины?
Что я пробовал:
Я установил дочерний элемент display: inline-flex, но он по-прежнему занимал всю ширину. Я также пробовал все остальные свойства отображения, но ничего не повлияло.
Пример:
.container {
background: red;
height: 200px;
flex-direction: column;
padding: 10px;
display: flex;
}
a {
display: inline-flex;
padding: 10px 40px;
background: pink;
}<div class="container">
<a href="#">Test</a>
</div>