Выравнивание контента в независимых div

Question

Подскажите пожалуйста, как сделать так, что бы контент второго div выравнивался снизу? Что бы два блока были одинакового размера без установки height?

div {
  background: blue;
  display: inline-flex;
  width: 100px;
  height: auto;
}

<div>
1<br>
2
</div>
<div>
1
</div>

Answer 1

<div id="gl">
1<br>
2
</div>
<div id="pod">
1
</div>
<script language="javascript">
{
var h = document.getElementById('gl').clientHeight;
var container=document.getElementById('pod');
container.style.height=h+"px"
}
</script>   
</body>

</html>

Вот так высота будет одинаковой.

Answer 2

Выравнивание контента в независимых div... почему же независимых, они же рядом

.first,.second {
    background: black;
    margin: 10px;
    color:white;
}
.container{
    display: flex;
}

<div class="container">
    <div class="first">
        dasf
        <br>
        dasfd
        <br>
        dasf
    </div>
    <div class="second">
        asfasfds
    </div>
</div>

БЛОГ НА HUSL

Выравнивание контента в независимых div

Ответы (2 шт):