CSS] 곂 태그 종결 Nested div

스타일 시트의 높이 속성을 0 으로 하여 태그를 구성 하는데 한계를 느꼈습니다
간단히 태그를 곂치는데 매우 좋지만 연속되는 구조의경우 사용상 한계가 있습니다
e.g)
<div style="height:0">
  abcd<br>abcd
</div>
<div>abcdabcd</div>
<div>Problem Detected</div>

abcd
abcd

abcdabcd

Problem Detected

이문제를 해결하기 위해서 폭을 조절하여 사용 했습니다
웹출력은 위에서 아래로 가는 특성이 더 강하기 때문에 더 나은 결과를 가져옵니다 [ 다만 코드가 복잡해져요 ]
일부러 붙여 썻습니다 float:left 없이 빈 노드를 붙일수 있는 방법은 없기 때문입니다
덕지덕지 붙은 스타일에 양해를 바랍니다..
네이버 블로그 개발진이 스타일시트 정의를 썩 좋지 못하게 해둔탓에, 일부 속성을 기본값에 맞추기 위함 입니다
또한 스타일 태그도 몼씀에 따름.. ㅠㅠ
표준임으로 생략 해도되는 태그는 이렇습니다 [ white-space ]
 == 봐온것중 가장 좋은 방법 이네요 ^^ ==
<div style="">
<div style="width:0;vertical-align:top;white-space:nowrap;display:inline-block">1111111111111111</div><div style="width:0;vertical-align:top;white-space:nowrap;display:inline-block">2222222222222<br>3333333333</div><div  style="width:100%;vertical-align:top;text-align:right;white-space:nowrap;display:inline-block">1111111111111111</div>
</div>
<div>No Problem!!</div>

1111111111111111

2222222222222
3333333333

1111111111111111

No Problem!!