Есть такой код:
<div class="main" style="background: #acdf43; text-align: center;">
<div class="l1" style="display: inline-block; background: #aaa;">123123123123123123123123123<br>321321321321321321321321321321321321321321321<br>111111111111111111<br>222222<br>333333333</div>
<div class="l2" style="display: inline-block; background: #f00; vertical-align: bottom; height: 100%; width: 100px;">000</div>
</div>
У блока L1 переменная высота и ширина. Нужно, чтобы у блока L2 была высота такая же, как и у блока L1. Поставить height: 100% не помогает. Высота не меняется.
У L1 ширина не задана, но у L2 — задана и фиксирована.
Вот скриншоты для понимания.
Есть сейчас:
(источник: joxi.ru)
Надо:
(источник: joxi.ru)