имеется html:
<div class="class">
<div class="green_fon">
привет андрей
<div class="blue_fon">внутри андр</div>
</div>
<div class="green_fon2">
привет паша
</div>
</div>
так же есть css:
.green_fon{ /* div */
display: inline-block;
background: #7def72;
font-size: 15px;
border-top: 5px solid #001f3f;
margin-left: 1;
margin-right: 1;
margin-top: 5px;
margin-bottom: 5px;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
}
.blue_fon{ /* div */
display: inline-block;
background: #48cae2;
font-size: 15px;
border-top: 5px solid #001f3f;
margin-left: 1;
margin-right: 1;
margin-top: 4px;
margin-bottom: 4px;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 10px;
}
.green_fon2{ /* div */
display: inline-block;
background: #7def72;
font-size: 15px;
border-top: 5px solid #001f3f;
padding-left: 10px;
padding-top: 5px;
padding-right: 10px;
padding-bottom: 5px;
margin-left: 1;
margin-right: 1;
margin-top: 5px;
margin-bottom: 5px;
}
.class{
box-sizing: border-box;
border: 1px solid red;
justify-content: space-between;
}
Не могу сделать так, чтобы эти два 'зеленых' были одинаковый высоты и выровнены. желательно добиться так, чтобы они были одного класса, но это не принципиально. снаружи висит вспомогательный div, я пробовал растянуть divы внутри до его границ.