Skip to main content
removeu 12 caracteres do conteúdo
Fonte Link
user106463
user106463

.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>
</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!

.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>
</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!

.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!

removeu 78 caracteres do conteúdo
Fonte Link
user106463
user106463

.box {
height: 42px;
width: 800px;
background: aliceblue;
}
.container-box .inside-box {
height: 42px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #EEE;
}
.container-box .inside-box .icon-box {
width: 24px;
height: 24px;
background: url('https://i.ibb.co/31yyBQv/download-icon.png') center no-repeat;
}
<div class="box">
<div class="container-box">
<div class="inside-box">
<div class="icon-box"></div>
<a href="#">Fazer Download</a>
</div>
</div>
</div>

Eu gostaria de saber como eu faço para a DIV de "(.containerinside-box"box) fique no limite do texto de "Fazer Download", sem que ela herde a largura da DIV pai "(.box"box). Se alguemalguém tiver uma solução eu agradeço!

.box {
height: 42px;
width: 800px;
background: aliceblue;
}
.container-box .inside-box {
height: 42px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #EEE;
}
.container-box .inside-box .icon-box {
width: 24px;
height: 24px;
background: url('https://i.ibb.co/31yyBQv/download-icon.png') center no-repeat;
}
<div class="box">
<div class="container-box">
<div class="inside-box">
<div class="icon-box"></div>
<a href="#">Fazer Download</a>
</div>
</div>
</div>

Eu gostaria de saber como eu faço para a DIV de ".container-box" fique no limite do texto de "Fazer Download", sem que ela herde a largura da DIV pai ".box". Se alguem tiver uma solução eu agradeço!

.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>
</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!

Fonte Link
user106463
user106463

Fazer a DIV crescer de acordo com o conteúdo

.box {
height: 42px;
width: 800px;
background: aliceblue;
}
.container-box .inside-box {
height: 42px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
background: #EEE;
}
.container-box .inside-box .icon-box {
width: 24px;
height: 24px;
background: url('https://i.ibb.co/31yyBQv/download-icon.png') center no-repeat;
}
<div class="box">
<div class="container-box">
<div class="inside-box">
<div class="icon-box"></div>
<a href="#">Fazer Download</a>
</div>
</div>
</div>

Eu gostaria de saber como eu faço para a DIV de ".container-box" fique no limite do texto de "Fazer Download", sem que ela herde a largura da DIV pai ".box". Se alguem tiver uma solução eu agradeço!