Как задать ширину для нижнего элемента, по ширине верхнего?

Question

[Анатолий]

Имеется контейнер с 2 элементами, как сделать, чтобы ширина нижнего была такая же как у верхнего? Желательно решение на CSS, но подойдет и JS.
PS. position absolute - не вариант!

Сейчас так:
AAAAAAA
B B B B B B B B B

Нужно:
AAAAAAA
B B B B B
B B B B

Пример тут: https://codepen.io/workcode/pen/PoNRamY

Answer 1

[Steppp]

Comments

[Анатолий]

Ширина wrapper динамическая, т.е. такой вариант не подходит. Сейчас в примере допишу еще код, чтобы было понятно, почему не подходит.
Хотел упростить вопрос, в итоге получаю не тот ответ ))

[Анатолий]

Посмотрите пример, я подправил.

Пример конечно не особо рабочий, но он демонстрирует динамическое изменение ширины верхнего элемента.

[Steppp]

Анатолий, Обновил!

[Steppp]

Анатолий, Перейди в кодпен! Хабр отображает криво кодпен!

[Анатолий]

Steppp, спасибо так работает.
Странно, что через setAttribute не заработало, не совсем правильно так style задавать, но по сути это тоже самое.

[Steppp]

Анатолий, setAttribute работает, когда задана ширина, когда есть стили css! А тут же inline блок, занимает столько место, сколько и текст!

console.dir(a.style)