Como faço para alinhar itens dentro de um div conforme seguinte imagem; inserir a descrição da imagem aqui
Código HTML
<div class="birthday-row" data-birthday-item="" >
<div class="birthday-col-1" >
<a href="#" target="_black">
<img style="height:44px;width:44px;" class="img-radius" src=#">
</a>
</div>
<div class="birthday-col-2">
<h4 class="data-birthday ">
01/12
</h4>
<h3 class="name-birthday">
<a href="#">
Dev Junior
</a>
</h3>
<p class="depUni row">
ANALISTA
</p>
</div>
</div>
CSS
.birthday-row{
align-items: baseline;
align-items: center ;
width: 100% ;
padding: 10px ;
}
.birthday-col-2 , .birthday-col-1{
display: flex;
}
bootstrap
em algum lugar do seu código ou apenas foi marcado atag
errada na sua pergunta?