27년평생 이런 경우는 또 처음이네요;; (li태그 관련)

왜 리스트 태그가 대충 

<ul>

<li>1</li>

<li>2</li>

<li>3</li>

<li>4</li>

<li>5</li>

</ul>

이런 구조잖아요? 근데 이렇게 코딩한 리스트가 창이 줄어들면 일부만 움직입니다. 반응형 웹이면 같이나 좀 움직이든가 해야 하는데... 

위 태그대로 하면 리스트가 

* 1

* 2

* 3

* 4

* 5

이런 식으로 나오는데, 그게 창이 줄어들면 

       * 1

       * 2

* 3

* 4

* 5 

이런 식으로 따로 놉니다.. 적용된 CSS는 동일하고요... (ul이나 li나) 

구조가 

div

-이미지(세장)

-h2

-ul

--li

대충 이런 구조입니다만 이거 왜 이러는지 모르겠습니다 ㅠㅠ