dom 으로 인라인 태그 값을 넣을 경우 생기는 문제

div 스타일 width 50%로 주고 그 안에 span 태그 값 50개를 넣어봤다.

일반적으로 이럴경우 width 50% 값에 대해서 넘을 경우 자동으로 아래로 내려간다.

하지만 javascript dom 객체를 이용해서 추가할 경우 이것을 무시하고 그냥 옆으로 죽 간다.

이럴때 사용하기 적절한 것은 display : inline-block; 을 쓰거나 table -cell 을 쓰는 것이다.