.box {
height: 42px;
width: 800px;
background: aliceblue;
}
.inside-box {
height: 42px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.icon-box {
width: 24px;
height: 24px;
background: url('https://i.ibb.co/31yyBQv/download-icon.png') center no-repeat;
}
<div class="box">
<div class="inside-box">
<div class="icon-box"></div>
<a href="#">Fazer Download</a>
</div>
</div>
Eu gostaria de saber como eu faço para a DIV de (.inside-box) fique no limite do texto de "Fazer Download", sem que ela herde a largura da DIV pai (.box). Se alguém tiver uma solução eu agradeço!