CSS] 곂 태그 종결 Nested div 2

두번째 방안 입니다
두 중첩태그의 폭이 100% 가 되어야 하는경우 position 상태를 변경해서 해결 하였습니다
두 태그의 높이중 어느것이 커지더라도 아래 태그는 그 높이만큼 내려갑니다

<div style="width:100%;white-space:nowrap;overflow:hidden">
<div style="width:100%;display:inline-block;vertical-align:top">11111111111111</div><div style="position:relative;left:-100%;width:100%;text-align:right;display:inline-block">22222222<br>222222222</div>
</div>
<div>test value</div>

11111111111111

22222222
222222222

test value